怎么拼接两个json

如何高效拼接两个JSON对象：方法与最佳实践

在数据处理和API交互中，经常需要将两个JSON对象合并成一个，JSON（JavaScript Object Notation）作为轻量级的数据交换格式，其拼接操作在前端开发和后端处理中都十分常见，本文将详细介绍几种常见的JSON拼接方法,并分析它们的适用场景和注意事项。

直接合并法（适用于简单对象）

最简单的方式是直接使用JavaScript的扩展运算符（...）或Object.assign()方法进行合并。

const json1 = { name: "Alice", age: 25 };
const json2 = { city: "New York", job: "Engineer" };
// 使用扩展运算符
const merged1 = { ...json1, ...json2 };
// 使用Object.assign
const merged2 = Object.assign({}, json1, json2);
console.log(merged1); 
// 输出: { name: "Alice", age: 25, city: "New York", job: "Engineer" }

注意事项：

如果两个对象有相同属性名，后面的对象会覆盖前面的值
这种方法不适用于嵌套较深的对象

递归合并法（适用于嵌套对象）

当JSON对象包含嵌套结构时,需要采用递归合并的方式保留所有层级的属性。

function deepMerge(target, source) {
  for (let key in source) {
    if (source[key] && typeof source[key] === 'object') {
      if (!target[key]) target[key] = {};
      deepMerge(target[key], source[key]);
    } else {
      target[key] = source[key];
    }
  }
  return target;
}
const json1 = { user: { name: "Alice", details: { age: 25 } } };
const json2 = { user: { details: { city: "New York" }, status: "active" } };
const merged = deepMerge(json1, json2);
console.log(merged);
// 输出: { user: { name: "Alice", details: { age: 25, city: "New York" }, status: "active" } }

数组拼接法（适用于JSON数组）

当需要拼接的是JSON数组时，可以使用concat()或扩展运算符。

const array1 = [1, 2, { a: 1 }];
const array2 = [3, 4, { b: 2 }];
// 使用concat
const mergedArray1 = array1.concat(array2);
// 使用扩展运算符
const mergedArray2 = [...array1, ...array2];
console.log(mergedArray1);
// 输出: [1, 2, { a: 1 }, 3, 4, { b: 2 }]

使用Lodash库（推荐生产环境）

在复杂项目中,建议使用成熟的工具库如Lodash来处理JSON合并。

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

Lodash的merge方法会智能处理嵌套对象的合并,避免简单覆盖的问题。

处理冲突的策略

在实际应用中,合并JSON时可能会遇到各种冲突情况：

属性冲突：明确合并规则（覆盖、保留原值或自定义处理）
类型冲突：处理对象与数组、null等不同类型的合并
循环引用：避免无限递归（Lodash等库已处理）

// 自定义冲突处理
function smartMerge(target, source, conflictHandler) {
  for (let key in source) {
    if (key in target) {
      target[key] = conflictHandler ? conflictHandler(target[key], source[key]) : source[key];
    } else {
      target[key] = source[key];
    }
  }
  return target;
}