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"}}}
而我想要的结果是: {"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"}}}
所以,我再上面的基础上进行了改进:

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"}}