實現兩個對象的深度合併

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