js实现数据层叠
数据层叠的实现方法
在JavaScript中实现数据层叠（也称为数据合并或对象合并）可以通过多种方式完成，具体取决于需求和数据结构。以下是几种常见的实现方法：
使用对象展开运算符（ES6）
ES6的展开运算符（...）可以方便地合并对象，实现浅层合并：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = { ...obj1, ...obj2 };
// 结果: { a: 1, b: 3, c: 4 }使用Object.assign方法
Object.assign是ES5引入的方法，用于将所有可枚举属性从一个或多个源对象复制到目标对象：
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const merged = Object.assign({}, obj1, obj2);
// 结果: { a: 1, b: 3, c: 4 }深度合并实现
对于嵌套对象的深度合并，需要递归处理：
function deepMerge(target, source) {
for (let key in source) {
if (source[key] instanceof Object && target[key]) {
deepMerge(target[key], source[key]);
} else {
target[key] = source[key];
}
}
return target;
}
const obj1 = { a: { b: 1 } };
const obj2 = { a: { c: 2 } };
const merged = deepMerge({}, obj1, obj2);
// 结果: { a: { b: 1, c: 2 } }使用Lodash库
Lodash提供了完善的合并函数，包括浅合并和深合并：
// 浅合并
_.merge({}, obj1, obj2);
// 深合并
_.merge({}, obj1, obj2);数组的层叠合并
对于数组的合并，可以使用concat方法或展开运算符：
const arr1 = [1, 2];
const arr2 = [3, 4];
const merged = [...arr1, ...arr2];
// 或
const merged = arr1.concat(arr2);
// 结果: [1, 2, 3, 4]自定义合并策略
可以根据需求实现自定义合并逻辑，例如优先级控制：
function customMerge(base, override) {
return Object.keys(base).reduce((acc, key) => {
acc[key] = override[key] !== undefined ? override[key] : base[key];
return acc;
}, {});
}以上方法可以根据具体场景选择使用，浅层合并适用于简单对象，深层合并适用于嵌套结构，库函数提供了更完善的解决方案。
