js对象合并

对象的合并

需求:设有对象 o1 ,o2,需要得到对象 o3

3varo1 = { a:'a'}, o2 = { b:'b'};

// 则

varo3 = { a:'a', b:'b'}

方法1:使用JQuery的extend方法

**方法定义**:jQuery.extend([deep], target, object1,[objectN])

> 用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

> 如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象(递归合并)。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。

o3 = $.extend(o1, o2)// 合并 o1 和 o2, 将结果返回给 o3. 注意: 此时,o1 == o3! 即 o1 被修改

o3 = $.extend({}, o1, o2)// 合并 o1 和 o2, 将结果返回给 o3. 注意: 此时,o1 != o3! 即 o1 没有被修改

方法2:用 Object.assign();网上找的例子

varo1 = { a: 1 };

varo2 = { b: 2 };

varo3 = { c: 3 };

varobj = Object.assign(o1, o2, o3);

console.log(obj);// { a: 1, b: 2, c: 3 }

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

方法3:遍历赋值法

代码逻辑:

循环对象n中的每一个对应属性。

确认对象n中存在该属性

确认对象o中不存在该属性

var extend=function(o,n){

for(varpinn){

if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) ))

o[p]=n[p];

}

};

类似于直接赋值增加属性:

o3=o1;

o3['b']='b';

// o3 ={ o1:'a', o2:'b' };

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,258评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,490评论 0 2
  • 树上知了日夜在不停哭喊 营养不良的话该怎么流传 睡不醒的老虎在严格审判 这里会有一场公正的比赛 路边野狗垂涎在精挑...
    梦浅三尺阅读 150评论 0 3
  • 一、创建HashMap对象 HashMap有两个重要的参数,容量(Capacity)和负载因子(Load fact...
    zxcvbnmzsedr阅读 221评论 0 1
  • 前天上午,发觉自己有点感冒,随便买了药吃了,下午睡了一觉,结果睡醒发现自己开始发烧,还是没大当回事,结果脑袋越来...
    对面的泼泼看过来阅读 354评论 0 0

友情链接更多精彩内容