js把两个对象合并成一个对象

文章目录

js把两个对象合并成一个对象
前言
一、使用Object.assign()解决该问题
- 1.方法介绍
- 2.语法
二、示例
- 1.复制对象
- 2.合并对象
- 3.合并具有相同属性的对象

前言

在写前端项目时碰到将两个json对象合并到一起的场景，查阅资料之后准备记录一下以便以后使用!

一、使用Object.assign()解决该问题

1.方法介绍

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。

代码如下（示例）：

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

2.语法

代码如下（示例）：

/*** target 目标对象* sources 源对象* 返回值 目标对象
*/
Object.assign(target, ...sources)

1.如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。
2.Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。

二、示例

1.复制对象

const obj = { a: 1 };
const copy = Object.assign({}, obj);
console.log(copy); // { a: 1 }

2.合并对象

const o1 = { a: 1 };
const o2 = { b: 2 };
const o3 = { c: 3 };const obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。

3.合并具有相同属性的对象

const o1 = { a: 1, b: 1, c: 1 };
const o2 = { b: 2, c: 2 };
const o3 = { c: 3 };const obj = Object.assign({}, o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }

*这里仅仅列举了部分常见示例，更对示例以及注意事项。请移步如下网址: 更多示例

js合并两个json对象相关推荐

es6如何修改json数组里的某个值_如何通过id使用纯Javascript（ES6）合并两个json对象值...
我有两个Javascript对象数组,并且想要将具有相同"ObjID"的两个Javascript对象的属性合并为一个Javascript对象.如何通过id使用纯Javascript ...
js比较两个JSON对象，返回变化值
废话不多说,直接上干货. let utils = {/*** 比较两个json(新json与老json)的不同,并返回不同时的旧值(old_val)和新值(new_val)* @param {*} ...
【JQuery】使用JQuery 合并两个 json 对象
一,保存object1和2合并后产生新对象,若2中有与1相同的key,默认2将会覆盖1的值 1 var object = $.extend({}, object1, object2); 二,将2的值合 ...
js合并两个数组对象并且去掉重复的内容（map结合find）
demo如下: const arr1 = [{id:'1',name:'小红'},{id:'2',name:'小绿'},{id:'3',name:'小黄'}];const arr2 = [{id:'1 ...
【一语点醒梦中人】如何优雅地合并两个JSON对象 → Object.assign(a, b)和Object.assign({}, a, b)的区别
var a = {a: 1}; var b = {b: 2}; var c = Object.assign(a, b);/* a对象也会改变,b不变,返回被被修改对象 */ var d = Objec ...
js深度合并两个数组对象
js合并两个数组对象, 如果a中含有b,则b的值覆盖a的值如果a中不含有b 则b的值新增到a MergeRecursive(obj1, obj2) {// 合并两个数组for (var p in o ...
JS：两个json数组合并、去重，以及删除某一项元素
两个json数组合并去重,以及删除某一项元素 let ha = [{id:'H',name:'3'},{id:'A',name:'6'},{id:'B',name:'14'},{id:'C',name ...
js合并两个数组中同一类型的type对象
// js合并两个数组中同一类型的type对象 // 接口返回的数据格式 [{dayAt: "2023-01-11"lastAt: "2023-01-11 14:36:3 ...
JS把两个数组对象合并过程解析
JS把两个数组对象合并过程解析 var obj1 = [{"id": 1,"name" : "Lucy"},{"id": ...

js合并两个json对象

js把两个对象合并成一个对象

文章目录

前言

一、使用Object.assign()解决该问题

1.方法介绍

2.语法

二、示例

1.复制对象

2.合并对象

3.合并具有相同属性的对象

js合并两个json对象相关推荐

最新文章

热门文章