js对象合并方法，合并并去重

在JavaScript中，合并对象并去重是一个常见的需求，尤其是在处理配置、用户设置或者其他需要合并多个来源数据的场景。以下是一些常见的方法来合并对象并去重：

1. 使用展开运算符 (...)

展开运算符可以用来合并对象，但不会去重，因为如果两个对象有相同的键，后面的值会覆盖前面的值。

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 }; 
// 结果是 { a: 1, b: 3, c: 4 }

2. 使用 Object.assign()

Object.assign() 方法用于复制对象中的属性到另一个对象。如果源对象有相同的属性，则后面的属性会覆盖前面的属性。

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = Object.assign({}, obj1, obj2); 
// 结果是 { a: 1, b: 3, c: 4 }

3. 使用 lodash 库的 _.merge()

lodash 是一个常用的JavaScript库，提供了 _.merge() 方法来合并对象，并且可以自定义合并行为。

// 首先需要安装 lodash
// npm install lodash
const _ = require('lodash');
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = _.merge({}, obj1, obj2); 
// 结果是 { a: 1, b: 3, c: 4 }

4. 自定义合并函数

如果你需要更复杂的合并逻辑，比如去重或者合并数组值，你可以编写自定义的合并函数。

function mergeAndDeduplicate(obj1, obj2) {
return Object.keys(obj1).concat(Object.keys(obj2)).reduce((acc, key) => {
if (!acc.hasOwnProperty(key)) {
acc[key] = obj1[key] || obj2[key];
} else if (Array.isArray(acc[key]) && Array.isArray(obj2[key])) {
acc[key] = Array.from(new Set([...acc[key], ...obj2[key]]));
}
return acc;
}, {});
}
const obj1 = { a: 1, b: [2, 3] };
const obj2 = { b: [3, 4], c: 4 };
const merged = mergeAndDeduplicate(obj1, obj2); 
// 结果是 { a: 1, b: [2, 3, 4], c: 4 }

5. 使用 Map 对象【推荐】

如果你需要去重的键是对象或者数组，可以使用 Map 对象来存储键值对，因为 Map 的键是唯一的。

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const map = new Map();
for (const key in obj1) {
map.set(key, obj1[key]);
}
for (const key in obj2) {
map.set(key, obj2[key]);
}
const merged = Object.fromEntries(map); 
// 结果是 { a: 1, b: 3, c: 4 }

选择哪种方法取决于你的具体需求和场景。如果你需要合并的对象结构比较简单，使用展开运算符或 Object.assign() 就足够了。如果需要更复杂的合并逻辑，可能需要自定义合并函数或使用第三方库。