需求1:设有对象 o1 ,o2,需要得到对象 o3
var o1 = { a:‘a‘ }, o2 = { b:‘b‘ }; var o3 = { a:‘a‘, b:‘b‘ }
需求2:设有对象o1和o2,这两个对象中有相同的属性a,需要得到对象o3并且a属性是o2的
var o1 = { a:‘a‘, b:‘b‘ }, o2 = { a:‘aa‘, c:‘c‘ }; var o3 = { a:‘aa‘, b:‘b‘, c:‘c‘ };
方法1:使用JQuery的extend方法
**方法定义**:jQuery.extend([deep], target, object1, [objectN])
> 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。
> 如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象(递归合并)。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。
1 2 3 |
|
方法2:用 Object.assign(); 网上找的例子:
1 2 3 4 5 6 7 |
|
方法3:遍历赋值法
代码逻辑:
- 循环对象n中的每一个对应属性。
- 确认对象n中存在该属性
- 确认对象o中不存在该属性
1 2 3 4 5 6 |
|
类似于直接赋值增加属性:
1 2 3 |
|