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教程。