JS對象合并與數組合并的5種方法

來源：https://www.shopcms.cn/article-124.html

JS的數組合并與對象的合并基本相同，總結為以下5種方法：

1：concat 方法

var a=[1,2,3],b=[4,5,6];

var c=a.concat(b);

console.log(c);// 1,2,3,4,5,6

console.log(a);// 1,2,3  不改變本身

2：循環周遊

var a=[1,2,3],b=[4,5,6];

var arr1=['a','b'];

var arr2=['c','d','e'];

for(var i=0;i < arr2.length;i++){

      arr1.push(arr2[i]) 

}

console.log(arr1);//['a','b','c','d','e']

3：apply

合并數組arr1和數組arr2,使用Array.prototype.push.apply(arr1,arr2) or arr1.push.apply(arr1,arr2);

var arr1=['a','b'];

var arr2=['c','d','e'];

Array.prototype.push.apply(arr1,arr2);

//或者

arr1.push.apply(arr1,arr2);

console.log(arr1) //['a','b','c','d','e']

4：周遊指派

var a=[1,2,3],b=[4,5,6];

var obj1={'a':1};

var obj2={'b':2,'c':3};

for(var key in obj2){

    if(obj2.hasOwnProperty(key)===true){//此處hasOwnProperty是判斷自有屬性，使用 for in 循環周遊對象的屬性時，原型鍊上的所有屬性都将被通路會避免原型對象擴充帶來的幹擾

        obj1[key]=obj2[key];

    } 

}

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

5：Obj.assign() 重點推薦

可以把任意多個的源對象自身的可枚舉屬性拷貝給目标對象，然後傳回目标對象。

Object.assign(target, ...sources)

var a=[1,2,3],b=[4,5,6];

var copyObj = Object.assign({}, obj);

console.log(copyObj); // { a: 1,b:2 }

//合并多個對象

var obj = Object.assign(o1, o2, o3);

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

console.log(o1);  // { a: 1, b: 2, c: 3 }, 且目标對象自身也會改變。