js合并对象，重复的后者覆盖前者

1、需要用到Object.assign()

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。

看不懂不重要 看代码

let data1={ a: 1 };
let data2={ b: 2 };
let data3={ c: 3 };
Object.assign(data1, data2, data3);
console.log(data1) //{ a: 1 , b: 2 , c: 3 }

如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

let data1={ a: 1 , b: 2 };
let data2={ b: 33 , c: 44 };
Object.assign(data1, data2);
console.log(data1) //{ a: 1 , b: 33 , c: 44 }

2、使用...扩展操作符

let obj1 = {
    book1: '平凡的世界第一部',
    book2: '平凡的世界第二部',
    book3:'平凡的世界第三部',
}
let obj2 = {
    ...obj1,
    book4:'人生',
}
console.log(obj2) //{book1: "平凡的世界第一部", book2: "平凡的世界第二部", book3: "平凡的世界第三部", book4: "人生"}

//如后者与前者相同，后者覆盖前者
let obj1 = {
    book1: '平凡的世界第一部',
    book2: '平凡的世界第二部',
    book3: '平凡的世界第三部',
    book4: '月夜静悄悄',
}
let obj2 = {
    ...obj1,
    book4: '月夜静悄悄11111',
    book5: '人生',
}
console.log(obj2) //{book1: "平凡的世界第一部", book2: "平凡的世界第二部", book3: "平凡的世界第三部", book4: "月夜静悄悄11111", book5: "人生"}

... 扩展符也可以拼接数组，相当于 concat()

let book4 = [...book1, ...book2];
book4[3] = '月夜静悄悄'
console.log(book4) //(4) ["平凡的世界第一部", "平凡的世界第二部", "平凡的世界第三部", "月夜静悄悄"]