JS实现合并json对象的方法

JS实现合并json对象的方法共有多种，以下是其中的几种常用方法的详细讲解：

方法一：使用Object.assign

Object.assign() 方法用于将一个或多个来源对象的可枚举属性拷贝到目标对象中，然后返回目标对象。该方法的基本语法如下：

Object.assign(target, ...sources)

其中，target 表示目标对象，sources 表示来源对象。如果目标对象和来源对象中有相同的属性，后者的值将会覆盖前者的值。使用该方法可以简单快捷地合并两个或多个 json 对象。比如：

代码示例一：

let obj1 = {a:1, b:2}, obj2 = {c:3, d:4}, obj3 = {a:5, e:6};
let result = Object.assign({}, obj1, obj2, obj3);
console.log(result);  //{a:5, b:2, c:3, d:4, e:6}

其中，我们首先定义了 obj1、obj2 和 obj3 三个 json 对象，然后使用 Object.assign() 方法将它们合并到一个新的 json 对象 result 中。注意，为了防止合并过程中对原始对象的影响，我们需要将 target 参数设置为一个空对象 {}。

代码示例二：

let obj1 = {a:{b:{c:1, d:2}}}, obj2 = {a:{b:{c:3, e:4}, f:5}};
let result = Object.assign({}, obj1, obj2);
console.log(result);  //{a:{b:{c:3, d:2, e:4}}, f:5}

在这个示例中，obj1 和 obj2 中都包含了一个名为 a 的属性，而 a 属性中又嵌套了一个名为 b 的属性。当我们使用 Object.assign() 方法合并这两个对象时，由于它们都有 a 和 b 这两个属性，因此需要对这两个属性进行合并。在合并过程中，c 属性的值会被 obj2 中的属性值覆盖，d 属性的值会被 obj1 中的属性值保留，而 e 属性则是 obj2 中新增的属性。

使用 Object.assign() 的优点在于代码简单明了，且可以轻松处理简单的 json 对象合并。但是，当我们需要合并更深层次嵌套的 json 对象时，这种方法的效果不佳，因为它只能处理第一层属性的合并，而不能递归合并嵌套的属性。

方法二：自定义递归函数

如果需要递归合并多层嵌套的 json 对象，可以使用自定义递归函数来实现。首先，我们需要判断每个属性的数据类型，如果是对象，则需要进一步递归处理。如果是数组，则需要使用 for 循环逐个遍历数组中的元素。当然，为了保证合并过程中不对原始对象造成影响，我们需要先创建一个空对象作为返回值。代码示例如下：

function mergeJson(obj1, obj2){
  let result = {};
  for(let prop in obj1){
    if(prop in obj2){
      if(typeof obj1[prop] === 'object' && typeof obj2[prop] === 'object'){
        result[prop] = mergeJson(obj1[prop], obj2[prop]);
      }else if(Array.isArray(obj1[prop]) && Array.isArray(obj2[prop])){
        result[prop] = [];
        for(let i = 0; i < obj1[prop].length; i++){
          result[prop][i] = mergeJson(obj1[prop][i], obj2[prop][i]);
        }
      }else{
        result[prop] = obj2[prop];
      }
    }else{
      result[prop] = obj1[prop];
    }
  }
  for(let prop in obj2){
    if(!(prop in obj1)){
      result[prop] = obj2[prop];
    }
  }
  return result;
}

代码示例：

let obj1 = {a:{b:{c:1, d:2}}}, obj2 = {a:{b:{c:3, e:4}, f:5}};
let result = mergeJson(obj1, obj2);
console.log(result);  //{a:{b:{c:3, d:2, e:4}}, f:5}

在这个示例中，我们定义了一个名为 mergeJson() 的递归函数，用于递归处理两个 json 对象的合并。首先，我们判断 obj1 和 obj2 中是否存在相同的属性，如果存在，则需要判断属性值的数据类型。如果是对象，则需要递归处理；如果是数组，则需要使用 for 循环递归遍历数组中的每个元素；否则，直接使用 obj2 的属性值覆盖 obj1。如果在 obj1 中找不到对应的属性，则直接将其添加到结果对象中。最后，将合并后的结果返回即可。

从上面的示例中可以看出，自定义递归函数的缺点是代码比较繁琐，需要写很多嵌套的判断语句，而且需要考虑多种数据类型的处理方式。但是，它的优点在于可以递归处理多层嵌套的 json 对象，更加强大灵活。