js实现两个对象的深度合并

es6新增的Object.assign()方法只会合并替换对象的第一层key，对于多层的，会当做值处理。

let obj1 = {
  a: {
    b: {
      c: "111"
    }
  }
};

let obj2 = {
  a: {
    b: {
      d: "222"
    }
  }
};

const obj = Object.assign(obj1, obj2);

console.log(obj);

//  console.log的结果如下：

//  {"a":{"b":{"d":"222"}}}

 

以下方法实现对象多层的深度合并

let obj1 = {
  a: {
    b: {
      c: "111"
    }
  }
};

let obj2 = {
  a: {
    b: 'ABC'
  }
}

方法一

function deepMerge(obj1, obj2) {
  let key;
  for (key in obj2) {
    // 如果target(也就是obj1[key])存在，且是对象的话再去调用deepMerge，否则就是obj1[key]里面没这个对象，需要与obj2[key]合并
    obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" ? deepMerge(obj1[key], obj2[key]) : (obj1[key] = obj2[key]);
  }
  return obj1;
//  obj1  的结果如下：

//  {"a":{"b":{"0": "A", "1": "B", "2": "C", "c": "111"}}}
}



或者使用下面的方法

方法二

function deepMerge(obj1, obj2) {
  let key;
  for (key in obj2) {
    // 如果target(也就是obj1[key])存在，且是对象的话再去调用deepMerge，否则就是obj1[key]里面没这个对象，需要与obj2[key]合并
    // 如果obj2[key]没有值或者值不是对象，此时直接替换obj1[key]
    obj1[key] = obj1[key] && obj1[key].toString() === "[object Object]" && (obj2[key] && obj2[key].toString() === "[object Object]") ? deepMerge(obj1[key], obj2[key]) : (obj1[key] = obj2[key]);
  }
  return obj1;
//  obj1  的结果如下：

//  {"a":{"b":"ABC"}}
}