如何在 JavaScript 中合并两个对象

Question

要在 JavaScript 中合并两个对象，可以使用 spread ... 操作符。 展开运算符创建一个新对象，该对象具有第一个和第二个对象的所有属性。 如果有两个同名的属性，则第二个对象的属性胜出。

const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const obj3 = {...obj1, ...obj2}; // { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }

let user = { name: 'John Smith', age: 29 };
const changes = { name: 'John A. Smith' };
user = { ...user, ...changes }; // { name: 'John A. Smith', age: 29 }

使用 Object.assign()

如果你想将第二个对象合并到第一个对象中，而不是创建一个新对象，你可以使用 Object.assign()，Object.assign(target, source) 函数将源合并到目标中。

const target = {a: 1, b: 2, c: 3};
const source = {d: 4, e: 5, f: 6};

Object.assign(target, source);

target; // {a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}