javaScript 合并对象的多种方式

javaScript 合并对象的多种方式：

1、方式一：Object.assign(obj1, obj2, …)

参数1：obj1 是目标对象
参数2：obj2 是源对象

注意：对象与对象之间，同名属性，会被后面对象的属性值所覆盖

const obj1 ={a:1,b:2,}const obj2 ={b:3,c:4,}const result = Object.assign(obj1, obj2)
console.log(result)// {a: 1, b: 3, c: 4}

2、方式二：es6 新增语法，扩展运算符 … 【三点】

{…obj1, …obj2}
注意：对象与对象之间，同名属性，会被后面对象的属性值所覆盖

const obj1 ={a:1,b:2,}const obj2 ={b:3,c:4,}const result ={...obj1,...obj2}// 返回一个新的对象。
console.log(result)// {a: 1, b: 3, c: 4}// 顺带一提， 数组之间的合并，也可以使用 扩展运算符 .// 如： [...arr1, ...arr2]

知识扩展：

扩展运算符 … 【三点】，也可以用于 数组与数组之间的合并。

不同的是：
数组之间 只会合并，就算是相同的值，也不会覆盖。（这是不同于对象的地方。）

let arr1 =[1,2,4]let arr2 =[4,5,6]let arr3 =[...arr1,...arr2]

console.log(arr3)// [1, 2, 4, 4, 5, 6]  

总结：0.0