JSON合并 - Javascript

介绍

随着Web应用程序的快速发展，JSON (JavaScript Object Notation)已成为一个广泛使用的数据格式。在许多现代应用程序中，经常需要将多个JSON数据源合并成一个数据源，以便轻松地处理和存储数据。在Javascript中，有许多方法可以合并JSON数据。本文将介绍这些方法。

Object.assign()

Object.assign()方法允许将一个或多个对象的属性复制到另一个对象。而且，它也支持多个JSON对象的合并。

const obj1 = { x: 1, y: 2 };
const obj2 = { z: 3, w: 4 };
const obj3 = { a: 5, b: 6 };

const mergedObj = Object.assign({}, obj1, obj2, obj3);
console.log(mergedObj); 
// { x: 1, y: 2, z: 3, w: 4, a: 5, b: 6 }

在上面的示例中，我们使用 Object.assign()方法将三个JSON对象合并为一个。在这个例子中，我们创建了一个新的JSON对象，并将所有三个对象的属性合并到该对象中。由于我们使用了空对象 {} 作为第一个参数，因此我们得到的结果是一个全新的对象，而不是引用原始对象的变异。

Spread Operator

ES6中介绍的展开运算符(...)也可以用于合并JSON。不过，使用展开运算符进行JSON对象的合并必须放在数组中。

const obj1 = { x: 1, y: 2 };
const obj2 = { z: 3, w: 4 };
const obj3 = { a: 5, b: 6 };

const mergedObj = { ...obj1, ...obj2, ...obj3 };
console.log(mergedObj); 
// { x: 1, y: 2, z: 3, w: 4, a: 5, b: 6 }

在上述示例中，我们使用展开运算符(...)将三个JSON对象合并为一个。这种方法的仅限于ES6或更高版本。

Lodash 的 _.merge()

Lodash库是一个流行的Javascript实用程序库，它提供了许多便捷的方法来操作数据、字符串、函数等。其中一个方法是 _.merge()，它可以将多个JSON对象合并为一个对象。该方法递归地将属性从源对象合并到目标对象中。

const _ = require('lodash');

const obj1 = { x: 1, y: { z: 3, w: 4 } };
const obj2 = { y: { w: 5 }, a: 6 };
const obj3 = { b: 7 };

const mergedObj = _.merge({}, obj1, obj2, obj3);
console.log(mergedObj); 
// { x: 1, y: { z: 3, w: 5 }, a: 6, b: 7 }

在上述示例中，我们首先使用 require('lodash')来导入Lodash库。然后我们使用三个JSON对象来调用 _.merge()方法，这个方法将它们合并为一个新的JSON对象。递归地迭代每个输入对象的所有属性，并将其合并到一个新的目标对象中。

Conclusion

以上就是Javascript中JSON合并的三种常用方法。Object.assign()方法是ES6之前合并对象的常用方式。ES6或更高版本可以使用展开运算符 ...，这使得合并对象变得非常简单。而对于复杂的JSON合并，Lodash库的 _.merge()方法非常有用。具体取决于场景和应用程序需要选择哪种方法。

参考资料

• MDN Web Docs：Object.assign()
• MDN Web Docs：Spread syntax (...)
• Lodash Documentation：_.merge()