js合并对象和数组

一、js合并对象

• 使用Object.assign()
  语法
  Object.assign(target，...sources)
  参数
  target：目标对象
  sources：源对象

let obj1 = {
  a: 1
},
obj2 = {
  b: 2
} 
// obj1是目标对象，obj2则是要合并的对象，
Object.assign(obj1, obj2) // obj1={a:1, b:2} 改变原对象
//合并多个对象
Object.assign(obj1, obj2，obj3, ....) 
// 也可以返回一个新对象，只要给目标对象传入一个空对象就行了
let assignObj = Object.assign({}，obj1, obj2) // assignObj={a:1, b:2}

• 使用es6的展开运算符
  es6的展开运算符还是非常强大实用的，改天再来介绍它

let obj1 = {
  a: 1
},
obj2 = {
  b: 2
} 
obj1 = {a: 1, ...obj2} //  obj1={a:1, b:2} 改变原对象
let obj3 = {...obj1, ...obj2} // obj3={a:1, b:2} 返回新对象
// 合并多个对象
let obj = {...obj1, ...obj2，...obj3, ...}

二、js合并数组

• 使用concat方法（会改变原数组）
  语法
  a.concat(b)
  参数
  a：目标数组
  b：被合并的数组

 let a = [1,2,3],
     b = [4,5,6,7]
a.concat(b) // [1,2,3,4,5,6,7] 
// 考虑性能优化，先去比较一下两个数组大小，用大数组合并小数组，会减少循环
if(a.length > b.length){
  a.concat(b)
}else{
  b.concat(2)
}

• 又到了使用es6展开运算的时候了

let a = [1,2,3],
    b = [4,5,6,7]
let a = [1,2,3, ...b] // [1,2,3,4,5,6,7] 改变原数组
let c = [...a, ...b] // [1,2,3,4,5,6,7] 返回新数组

还有for循环和apply也可以做到，不过没上面方法简单暴力，就不介绍了。