合并对象、合并数组的方法

一、合并对象

1、拓展运算符

对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。

let obj1 = {
    name: '小明',
    sex: '男'
};
let obj2 = {
    name: '小明',
    sex: '男',
    like: '跳舞'
};
 
let obj = {...obj1, ...obj2};
console.log(obj);  // { name: '小明', sex: '男', like: '跳舞' }

不同名属性：属性值不变，只合并

2、Object.assign()

用于将所有可枚举属性的值从一个或多个源对象分配到目标对象，将返回目标对象。

let obj = Object.assign({}, obj1, obj2);
console.log(obj);  // { name: '小明', sex: '男', like: '跳舞' }

和拓展运算符类似

3、递归

let obj = obj1;
for (var p in obj2){
    if(obj2.hasOwnProperty(p))
    obj[p] = obj2[p];
}
console.log(obj);  // { name: '小明', sex: '男', like: '跳舞' }

4、jquery中的extend()方法

用于将一个或多个对象的内容合并到目标对象

$.extend(obj1, obj2)  // 浅拷贝
$.extend(true, obj1, obj2)  // 深拷贝

二、数组

1、扩展运算符

用法和对象类似

2、push（）

用的比较多就不举例子了

3、array.concat（）

var arr1 = ["a", "b"];
var arr2 = [0, 1, 2];
 
var newArray = arr1.concat(arr2);
console.log(arr1); //['a', 'b']
console.log(newArray);// ["a", "b", 0, 1, 2]

注意：concat（）是创建并返回一个新数组

4、apply（）方法

这个方法是将数组各项添加到另一个数组当中，是一种改变原数组的方法

var arr1 = ["a", "b"];
var arr2 = [0, 1, 2];
arr1.push.apply(arr1, arr2);
console.log(arr1); // ["a", "b", 0, 1, 2]