极客笔记js 两个对象合并
在JavaScript中，有时候我们需要将两个对象合并为一个新的对象。这种操作在实际开发中非常常见，因此我们需要掌握不同的方法来实现对象的合并。
方法一：使用ES6的展开运算符
在ES6中，我们可以使用展开运算符（…）来将两个对象合并为一个新的对象。这种方法非常简洁和方便，让我们来看一个示例：
const obj1 = {a: 1, b: 2};
const obj2 = {c: 3, d: 4};
const mergedObj = {...obj1, ...obj2};
console.log(mergedObj);
运行以上代码，控制台会输出合并后的对象：
{ a: 1, b: 2, c: 3, d: 4 }
使用展开运算符合并对象非常方便，我们只需要简单地将要合并的对象通过展开运算符放在一起即可。
方法二：使用Object.assign方法
除了展开运算符，我们还可以使用Object.assign方法来合并对象。这个方法接受多个参数，将它们合并到第一个参数对象中。让我们来看一个示例：
const obj1 = {a: 1, b: 2};
const obj2 = {c: 3, d: 4};
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj);
运行以上代码，控制台会输出合并后的对象：
{ a: 1, b: 2, c: 3, d: 4 }
使用Object.assign方法同样可以很方便地实现对象的合并，这个方法在处理更复杂的对象合并时会更加灵活一些。
方法三：使用深度合并方法
以上两种方法都是浅合并对象，即只合并对象本身的属性，不会递归合并对象的嵌套属性。如果我们需要深度合并两个对象，可以使用一些第三方库如lodash提供的方法。
const _ = require('lodash');
const obj1 = {a: {x: 1}, b: 2};
const obj2 = {a: {y: 2}, c: 3};
const mergedObj = _.merge(obj1, obj2);
console.log(mergedObj);
运行以上代码，控制台会输出深度合并后的对象：
{ a: { x: 1, y: 2 }, b: 2, c: 3 }
使用lodash的merge方法可以方便地实现深度合并多个对象，处理复杂的对象合并操作非常方便。
总结
在JavaScript中，合并多个对象是很常见的操作，我们可以使用ES6的展开运算符、Object.assign方法或第三方库来实现不同程度的合并。选择合适的方法取决于实际情况和需求，掌握这些方法可以让我们在开发中更加高效地处理对象合并的操作。