使用展开运算符或Object.assign可实现浅层合并，后对象属性覆盖前对象；对于深度合并与复杂冲突处理，需自定义逻辑或使用lodash的merge方法，根据数据类型递归合并或配置策略，确保嵌套结构正确处理。
在JavaScript中合并多个对象并处理属性冲突，关键在于选择合适的方法，并明确冲突时的取值策略。常用方式包括使用 Object.assign()、展开运算符（...）以及自定义深度合并逻辑。
使用展开运算符或 Object.assign 合并对象
这两种方法适合浅层合并，后一个对象的属性会覆盖前面的同名属性。例如：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const obj3 = { c: 5, d: 6 };
const merged = { ...obj1, ...obj2, ...obj3 };
// 结果：{ a: 1, b: 3, c: 5, d: 6 }
这是最简洁高效的方式，适用于大多数不需要深度合并的场景。相同键以靠后的对象为准。
自定义合并策略处理冲突
当需要更精细控制冲突处理时，比如保留数组、合并嵌套对象或执行函数逻辑，应手动遍历属性。示例：实现一个可配置冲突解决的合并函数
function mergeObjects(...objs) {
const result = {};
objs.forEach(obj => {
Object.keys(obj).forEach(key => {
if (result.hasOwnProperty(key)) {
// 自定义冲突处理：比如保留第一个值
// 或者合并为数组
if (Array.isArray(result[key]) && Array.isArray(obj[key])) {
result[key] = [...result[key], ...obj[key]];
} else if (typeof result[key] === 'object' && typeof obj[key] === 'object') {
result[key] = mergeObjects(result[key], obj[key]); // 深度递归
}
// 其他情况默认用新值覆盖
}
result[key] = obj[key];
});
});
return result;
}
这个函数可以根据类型自动处理数组拼接和对象递归合并，灵活应对复杂结构。
使用第三方库进行深度合并
对于复杂项目，推荐使用 lodash 的merge 方法，它原生支持深度合并。
安装并使用：
立即学习“Java免费学习笔记（深入）”；
import { merge } from 'lodash';
const obj1 = { user: { name: 'Alice', tags: ['dev'] } };
const obj2 = { user: { name: 'Bob', tags: ['js'] } };
const result = merge({}, obj1, obj2);
// 结果：{ user: { name: 'Bob', tags: ['js'] } }
注意：lodash 的 merge 会修改目标对象，建议传入空对象作为第一个参数。
基本上就这些。根据需求选择方法：简单场景用展开运算符，复杂结构考虑自定义逻辑或 lodash。关键是明确冲突时你想保留什么数据。不复杂但容易忽略的是嵌套对象的处理方式。
