js合并对象的方法

在JavaScript开发中，经常会遇到需要合并对象的情况。合并对象可以将多个对象的属性合并为一个新对象，这在处理数据和配置信息时非常有用。下面介绍几种常见的js合并对象的方法。

1. 使用Object.assign()方法

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它会返回目标对象。示例代码如下：

const target = { a: 1 };
const source = { b: 2 };
const merged = Object.assign(target, source);
console.log(merged); // { a: 1, b: 2 }

需要注意的是，Object.assign() 方法会修改目标对象，如果不想修改原目标对象，可以先创建一个空对象作为目标对象。

2. 使用扩展运算符（...）

扩展运算符可以将一个对象的所有可枚举属性展开到另一个对象中。示例代码如下：

const obj1 = { a: 1 };
const obj2 = { b: 2 };
const mergedObj = {...obj1,...obj2 };
console.log(mergedObj); // { a: 1, b: 2 }

这种方法简洁直观，并且不会修改原对象。如果有属性名重复，后面的对象属性会覆盖前面的。

3. 递归合并对象

当对象的属性值可能也是对象时，需要使用递归的方式来合并对象，确保深层次的属性也能正确合并。以下是一个简单的递归合并函数示例：

function mergeObjects(obj1, obj2) {
  const merged = {...obj1 };
  for (const key in obj2) {
    if (typeof obj2[key] === 'object' && obj2[key]!== null &&!Array.isArray(obj2[key])) {
      merged[key] = mergeObjects(merged[key] || {}, obj2[key]);
    } else {
      merged[key] = obj2[key];
    }
  }
  return merged;
}
const obj3 = { a: { b: 1 } };
const obj4 = { a: { c: 2 } };
const result = mergeObjects(obj3, obj4);
console.log(result); // { a: { b: 1, c: 2 } }

以上就是几种常见的js合并对象的方法，在实际开发中可以根据具体需求选择合适的方法来合并对象。