deepMerge 对象深度合并
注意
由于JS对象包括的范围非常广，加上ES6又有众多的新特性，很难、也没必要做到囊括所有的类型和情况，这里说的”对象”，指的是普通的对象，不包括修改对象原型链， 或者为”Function“，”Promise“等的情况，请留意。
在 ES6 中，我们可以很方便的使用Object.assign进行对象合并，但这只是浅层的合并，如果对象的属性为数组或者对象的时候，会导致属性内部的值丢失。
注意： 此处合并不同于Object.assign，因为Object.assign(a, b)会修改a的值为最终的结果(这往往不是我们所期望的)，但是deepMerge(a, b)并不会修改a的值。
deepMerge(target = {}, source = {})
Object.assign浅合并示例：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| let a = {
info: {
name: 'mary',
},
}
let b = {
info: {
age: '22',
},
}
let c = Object.assign(a, b)
c = {
info: {
name: 'mary',
age: '22',
},
}
c = {
info: {
age: '22',
},
}
|
深度合并示例：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| let a = {
info: {
name: 'mary',
},
}
let b = {
info: {
age: '22',
},
}
let c = deepMerge(a, b)
c = {
info: {
age: '22',
name: 'mary',
},
}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
function deepMerge(target = {}, source = {}) {
target = deepClone(target)
if (typeof target !== 'object' || typeof source !== 'object') return false
for (var prop in source) {
if (!source.hasOwnProperty(prop)) continue
if (prop in target) {
if (typeof target[prop] !== 'object') {
target[prop] = source[prop]
} else {
if (typeof source[prop] !== 'object') {
target[prop] = source[prop]
} else {
if (target[prop].concat && source[prop].concat) {
target[prop] = target[prop].concat(source[prop])
} else {
target[prop] = deepMerge(target[prop], source[prop])
}
}
}
} else {
target[prop] = source[prop]
}
}
return target
}
|