js物件合併方法

本文教程操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。

方法一：使用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學習推薦：。