JS 如何合并两个对象？

Question

JS 如何合并两个对象？

仓乃文 · Accepted Answer

对象合并是日常开发常见操作，ES6 提供了 spread 运算符和 Object.assign 两种方式，都是浅拷贝。

spread 方案（ES6+，推荐）：
```javascript
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 };
// { a: 1, b: 3, c: 4 } - obj2 的 b 覆盖了 obj1 的 b
```

Object.assign 方案：
```javascript
const merged = Object.assign({}, obj1, obj2);
// 注意：第一个参数是目标对象，会被修改，所以传空对象
```

深度合并（处理嵌套对象）：
```javascript
function deepMerge(target, source) {
  const result = { ...target };
  for (const key of Object.keys(source)) {
    if (source[key] instanceof Object && target[key] instanceof Object) {
      result[key] = deepMerge(target[key], source[key]);
    } else {
      result[key] = source[key];
    }
  }
  return result;
}
```

补充说明：
- spread 和 Object.assign 都是浅拷贝，嵌套对象只复制引用
- 后面的对象属性会覆盖前面的（同名键）
- 深度合并需要递归处理嵌套对象
- 第三方库 lodash 的 merge 方法处理更完善