在js中实现两个对象合并，若重复以第一个对象中的数据为准

在JavaScript中，你可以使用Object.assign()或者使用扩展运算符…来实现两个对象的组合，其中如果第一个对象中已经存在第二个对象的字段，则以第一个对象的字段为准。下面是这两种方法的具体实现：

方法一：使用Object.assign()

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { b: 4, d: 5 };

const combined = Object.assign({}, obj2, obj1);

console.log(combined); // 输出: { b: 2, d: 5, a: 1, c: 3 }

方法二：使用扩展运算符

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { b: 4, d: 5 };

const combined = { ...obj2, ...obj1 };

console.log(combined); // 输出: { b: 2, d: 5, a: 1, c: 3 }

解释

• 在这两种方法中，首先将第二个对象的字段和值展开到新的对象中，然后将第一个对象的字段和值展开。这种顺序确保如果两个对象中有相同的字段，后出现的（即第一个对象中的值）会覆盖前面的值。

• Object.assign()会将所有参数对象的属性拷贝到第一个参数对象中，因此可以通过传入一个空对象{}作为第一个参数来保持原始对象不被修改。

• 扩展运算符…提供了一种简洁的语法来实现对象的合并，并且也可以很好地维护代码的可读性。