极客笔记js 对象合并
JavaScript 是一门功能强大的脚本语言，广泛应用于 Web 开发中。在 JavaScript 中，我们经常需要合并对象的操作，将两个或多个对象合并成一个新的对象。本文将详细介绍 JavaScript 中如何合并对象，以及常见的合并方法和注意事项。
方法一：Object.assign()
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，并返回目标对象。该方法接受多个参数，第一个参数为目标对象，后面的参数为源对象。
示例代码如下：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj);
运行结果为：
{ a: 1, b: 3, c: 4 }
在以上示例中，我们创建了两个对象 obj1 和 obj2，然后使用 Object.assign() 方法将它们合并成了一个新的对象 mergedObj。需要注意的是，如果源对象中的属性和目标对象中的属性重复，后面的属性会覆盖前面的属性。
方法二：Spread Operator
ES6 中提供了扩展运算符 ...，也称为 Spread Operator，它可以用来快速复制数组或对象。
示例代码如下：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj);
运行结果为：
{ a: 1, b: 3, c: 4 }
在以上示例中，我们使用 Spread Operator 将 obj1 和 obj2 合并成了一个新的对象 mergedObj。与 Object.assign() 方法类似，如果属性有重复，后面的属性会覆盖前面的属性。
方法三：手动合并
除了使用内置方法外，我们也可以手动合并对象。这种方式比较灵活，可以根据具体需求定制合并逻辑。
示例代码如下：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = {};
for (let key in obj1) {
mergedObj[key] = obj1[key];
}
for (let key in obj2) {
mergedObj[key] = obj2[key];
}
console.log(mergedObj);
运行结果为：
{ a: 1, b: 3, c: 4 }
在以上示例中，我们手动遍历两个对象的属性，将它们合并成了一个新的对象 mergedObj。该方法虽然比较繁琐，但可以根据需求灵活调整合并逻辑。
注意事项
在合并对象时，需要注意以下几点：
- 属性重复：如果源对象和目标对象中有相同的属性，后面的属性会覆盖前面的属性。
- 原对象不受影响：合并操作不会改变原对象，而是生成一个新的对象。
- 嵌套对象：如果对象属性是对象本身，则需要进行深拷贝而非浅拷贝。
综上所述，JavaScript 中合并对象是一项常见的操作，可以通过内置方法、Spread Operator 或手动合并来实现。合并对象需要注意属性重复和嵌套对象等问题，确保合并结果符合预期。