技术文章 > Web开发 >  JavaScript > 正文

js对象合并方法

宋宋大人

在JavaScript中,数组和字符串的操作中都有合并的步骤,推理一下,对象也是需要的。对象的合并是JavaScript中不可少的操作。本文介绍JavaScript中对象合并的三种方法:1、使用Object.assign方法;2、使用$.extend()方法;3、使用遍历赋值合并。

方法一:使用Object.assign方法

<script>
    let data = {name: 'mm', id: '1'};
    let data1 = {type: '类型', height: 180};

    Object.assign(data, data1);
    console.log(data1, data);
</script>

方法二:使用$.extend()方法

let obj1 = {'a': 1};
let obj2 = {'b': 1};
let obj3 = $.extend(obj1, obj2);
console.log(obj1); // {a: 1, b: 1}  obj1已被修改
console.log(obj1); // {b: 1}
console.log(obj3); // {a: 1, b: 1}
obj1 == obj3;      // true,这里是将obj2合并到obj1并赋值给obj1
//或者 let obj3 = $.extend({}, obj1, obj2); //{a: 1, b: 1} 此时不会改变obj1,obj2

方法三:使用遍历赋值合并

var extend=function(o,n){
   for (var p in n){
        if(n.hasOwnProperty(p) && (!o.hasOwnProperty(p) ))
            o[p]=n[p];
    }
};

以上就是小编整理总结的三种js对象合并的方法,大家可以直接套入使用哦~更多js学习推荐:js教程

免费视频教程
本文原创发布python学习网,转载请注明出处,感谢您的尊重!
相关文章
 Python异常输出美化工具PrettyErrors如何使用?
 python如何将九九乘法表写入到Excel?
 python中ruamel.yaml模块是什么?
 python迭代器中Yield方法怎么用?
 python中如何实现自动化操纵浏览器?
相关视频章节
 Python蟒蛇绘制代码分析
 python代码缩进
 python命名规范
 Python语言简介
视频教程分类