js 对象合并成为一个对象|极客笔记

js 对象合并成为一个对象

在 JavaScript 中，我们经常需要将多个对象合并成一个对象。这种操作通常会在处理数据时非常有用，比如在从不同来源获取数据、处理表单输入、或者将多个配置合并成一个配置对象等情况下。本文将详细介绍如何使用 JavaScript 来合并对象，并提供一些示例代码帮助理解。

方法一：使用对象分配运算符 `{...}`

JavaScript 中的对象分配运算符 {...} 可以用于将多个对象合并成一个对象。这个操作不会改变原始对象，而是返回一个新的对象，其中包含了所有原始对象的属性。

示例代码如下：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = { ...obj1, ...obj2 };

console.log(mergedObj); // { a: 1, b: 3, c: 4 }

在上面的示例中，mergedObj 包含了 obj1 和 obj2 的所有属性，其中 obj2 的属性会覆盖 obj1 中同名的属性。

方法二：使用 Object.assign 方法

除了对象分配运算符外，JavaScript 还提供了 Object.assign 方法用于将多个对象合并成一个对象。与对象分配运算符类似，Object.assign 方法也不会改变原始对象，而是返回一个新的对象。

示例代码如下：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const mergedObj = Object.assign({}, obj1, obj2);

console.log(mergedObj); // { a: 1, b: 3, c: 4 }

与对象分配运算符不同的是，Object.assign 方法需要传入一个空对象作为第一个参数，以便在将多个对象合并成一个对象时不修改原始对象。

方法三：使用递归合并对象

如果有多个嵌套的对象需要合并，可以使用递归的方式来合并对象。下面是一个示例代码，展示如何使用递归合并对象：

function mergeObjects(obj1, obj2) {
  for (let key in obj2) {
    if (obj2.hasOwnProperty(key)) {
      if (typeof obj1[key] === 'object' && typeof obj2[key] === 'object') {
        obj1[key] = mergeObjects(obj1[key], obj2[key]);
      } else {
        obj1[key] = obj2[key];
      }
    }
  }
  return obj1;
}

const obj1 = { a: { b: 1, c: 2 }, d: 3 };
const obj2 = { a: { b: 4 }, e: 5 };
const mergedObj = mergeObjects(obj1, obj2);

console.log(mergedObj); // { a: { b: 4, c: 2 }, d: 3, e: 5 }

在上面的示例中，mergeObjects 函数会递归地合并 obj1 和 obj2 中的对象属性，最终返回一个合并后的对象。