js json合并|极客笔记

js json合并

1. 前言

在前端开发中，我们经常会遇到需要合并多个JSON对象的场景。实现JSON合并的方式有很多种，比如使用JavaScript的Object.assign()方法或者自定义函数来实现。本文将详细介绍js中json对象合并的几种方法，并给出相应的代码示例和运行结果。

2. 使用Object.assign()方法合并JSON对象

JavaScript的Object.assign()方法可以将一个或多个源对象的属性复制到目标对象中并返回目标对象。我们可以利用这个方法来合并多个JSON对象。

示例代码如下所示：

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

console.log(mergedObj);

运行结果：

{ a: 1, b: 2, c: 3, d: 4 }

在上面的示例中，Object.assign()方法的第一个参数为空对象{}，目标对象为空对象，后面的参数为源对象。通过这种方式，我们可以将多个JSON对象合并成一个新的JSON对象。

需要注意的是，Object.assign()方法会修改目标对象，如果源对象中的属性在目标对象中已存在，则会覆盖目标对象中对应的属性。

3. 使用展开运算符合并JSON对象

在ES6中，我们可以使用展开运算符（spread operator）来合并JSON对象。展开运算符可以将一个数组或对象在语法层面展开，可以方便地将多个对象合并成一个新的对象。

示例代码如下所示：

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

console.log(mergedObj);

运行结果：

{ a: 1, b: 2, c: 3, d: 4 }

在上面的示例中，我们使用展开运算符{ ...obj1, ...obj2 }将两个JSON对象obj1和obj2合并成一个新的JSON对象mergedObj。通过这种方式，我们也可以轻松地合并多个JSON对象。

需要注意的是，使用展开运算符合并JSON对象时，如果源对象中的属性在目标对象中已存在，则会覆盖目标对象中对应的属性。

4. 自定义函数合并JSON对象

除了使用JavaScript提供的方法外，我们还可以自己编写函数来实现JSON对象的合并。下面是一个自定义的合并函数的示例代码：

function mergeJSONObjects(obj1, obj2) {
  const mergedObj = {};

  for (let key in obj1) {
    mergedObj[key] = obj1[key];
  }

  for (let key in obj2) {
    mergedObj[key] = obj2[key];
  }

  return mergedObj;
}

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

console.log(mergedObj);

运行结果：