实现两个对象的深度合并

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

好比 

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

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

Object.assign(obj1, obj2);

console.log(JSON.stringify(obj1));

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

View Code

而我想要的结果是： {"a":{"b":{"c": "111", "d":"222"}}}

 

在这里看到一个解决方案： https://segmentfault.com/q/1010000008815500 

我测试了一下，大部分是能知足状况的，可是下面这种和预想的又不同。我但愿当这种状况下，obj2中没有c这个key：此时obj2[b]直接覆盖掉obj1[b] 

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;
}
let obj1 = {
  a: {
    b: {
      c: '111'
    }
  }
};

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

let obj3 = deepMerge(obj1, obj2);

console.log(JSON.stringify(obj3));

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

View Code

因此，我再上面的基础上进行了改进：

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;
}
let obj1 = {
  a: {
    b: {
      c: '111'
    }
  }
};

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

let obj3 = deepMerge(obj1, obj2);

console.log(JSON.stringify(obj3));

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

View Code