js对象的合并（3种⽅法）转载
对象的合并
需求：设有对象 o1 ,o2，需要得到对象 o3
var o1 = { a:'a' }, o2 = { b:'b' };
// 则
var o3 = { a:'a', b:'b' }
⽅法1：使⽤JQuery的extend⽅法
**⽅法定义**：d([deep], target, object1, [objectN])
> ⽤⼀个或多个其他对象来扩展⼀个对象，返回被扩展的对象。
  　> 如果不指定target，则给jQuery命名空间本⾝进⾏扩展。这有助于插件作者为jQuery增加新⽅法。如果第⼀个参数设置为true，则jQuery返回⼀个深层次的副本，递归地复制到的任何对象(递归合并)。否则的话，副本会与原对象共享结构。未定义的属性将不会被复制，然⽽从对象的原型继承的属性将会被复制。
js assign
o3 = $.extend(o1, o2)  // 合并 o1 和 o2，将结果返回给 o3. 注意：此时，o1 == o3! 即 o1 被修改
// 或
o3 = $.extend({}, o1, o2) // 合并 o1 和 o2，将结果返回给 o3. 注意：此时，o1 ！= o3! 即 o1 没有被修改
⽅法2：⽤ Object.assign(); ：
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };
var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }, 注意⽬标对象⾃⾝也会改变。
console.info(o2); // { b: 2 }
console.info(o3); //{ c: 3 }
和$.extend相同，将对象合并到第⼀个对象中。
⽅法3：遍历赋值法
代码逻辑：
1. 循环对象n中的每⼀个对应属性。
2. 确认对象n中存在该属性
3. 确认对象o中不存在该属性
var extend=function(o,n){
for (var p in n){
if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) ))
o[p]=n[p];
}
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。