怎么让2个json合并

如何合并两个JSON对象：实用方法与代码示例

在JavaScript开发中，合并两个JSON对象（在JS中本质上是对象）是一个常见的需求，无论是处理API响应、合并配置对象还是组合数据，高效的合并方法都很重要，本文将介绍几种常用的JSON对象合并方法,并提供实用的代码示例。

使用Object.assign()

Object.assign()是ES6引入的静态方法，用于将所有可枚举属性的值从一个或多个源对象复制到目标对象,这是最直观的合并方式之一。

const json1 = { a: 1, b: 2 };
const json2 = { c: 3, d: 4 };
const merged = Object.assign({}, json1, json2);
console.log(merged); // 输出: { a: 1, b: 2, c: 3, d: 4 }

注意：Object.assign()会修改第一个参数对象（如果直接传入第一个对象作为目标）,所以通常传入一个空对象作为目标以避免修改原对象。

使用展开运算符（...）

ES6的展开运算符提供了一种更简洁的合并对象的方式,语法更直观。

const json1 = { a: 1, b: 2 };
const json2 = { c: 3, d: 4 };
const merged = { ...json1, ...json2 };
console.log(merged); // 输出: { a: 1, b: 2, c: 3, d: 4 }

这种方法同样不会修改原对象,而是返回一个新对象。

使用Lodash的merge方法

对于深度合并（即递归合并嵌套对象），Lodash的_.merge()方法非常实用，它能正确处理嵌套对象的合并,避免覆盖问题。

const _ = require('lodash');
const json1 = { a: 1, b: { c: 2, d: 3 } };
const json2 = { b: { d: 4, e: 5 }, f: 6 };
const merged = _.merge({}, json1, json2);
console.log(merged);
// 输出: { a: 1, b: { c: 2, d: 4, e: 5 }, f: 6 }

注意_.merge()会合并嵌套对象中的相同属性,而不是简单覆盖。

自定义递归合并函数

如果不使用第三方库,可以编写一个自定义函数来实现深度合并：

function deepMerge(target, source) {
  for (const key in source) {
    if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
      if (!target[key]) target[key] = {};
      deepMerge(target[key], source[key]);
    } else {
      target[key] = source[key];
    }
  }
  return target;
}
const json1 = { a: 1, b: { c: 2, d: 3 } };
const json2 = { b: { d: 4, e: 5 }, f: 6 };
const merged = deepMerge({}, json1, json2);
console.log(merged);
// 输出: { a: 1, b: { c: 2, d: 4, e: 5 }, f: 6 }

处理数组的情况

如果JSON中包含数组，需要决定是合并数组还是替换数组,以下是处理数组的合并方式：

const json1 = { a: [1, 2], b: { c: [3, 4] } };
const json2 = { a: [5, 6], b: { c: [7, 8] } };
// 合并数组
const mergedWithArrays = {
  a: [...json1.a, ...json2.a],
  b: { c: [...json1.b.c, ...json2.b.c] }
};
console.log(mergedWithArrays);
// 输出: { a: [1, 2, 5, 6], b: { c: [3, 4, 7, 8] } }

最佳实践建议

浅层合并：如果只是简单合并顶层属性，使用Object.assign()或展开运算符
深度合并：对于复杂嵌套对象，使用Lodash的_.merge()或自定义递归函数
避免修改原对象：始终传入空对象作为目标，避免修改原JSON
处理冲突：明确合并策略（是覆盖还是保留原值），特别是在合并相同键时

合并两个JSON对象的方法多种多样，选择哪种方法取决于具体需求，对于简单的浅层合并，Object.assign()和展开运算符是最便捷的选择；对于复杂的深度合并，Lodash的_.merge()或自定义递归函数更为合适，理解各种方法的特性和适用场景,可以帮助开发者更高效地处理JSON合并任务。