何为浅拷贝
只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存(内存区域没有隔离),对任何一个对象的修改都会影响另一个。
如上,两个对象始终保持一致
深拷贝 or 浅拷贝
创造一个一模一样的对象,新对象跟原对象不共享内存(内存区域隔离),对象的修改对另一个没影响。
如上,使用ES6的
Object.assign
似乎已经可以实现,再看以下:
实验证明,
Object.assign
对对象的深拷贝只适用只有一层的对象
如何实现深拷贝
若对象只有一层,可使用上述ES6 Object.assign
方法
对于多层对象,方法如下:
- 单纯复制一个嵌套对象,可以用这种方法
let foo = {
a: 1,
b: {
c: 1
}
}
let bar = JSON.parse(JSON.stringify(foo))
注意:以下情况不适用:
a、对象里有时间对象,则JSON.stringify后再JSON.parse的结果,时间将只是字符串的形式而不是时间对象
b、对象里有RegExp、Error对象,序列化的结果将只得到空对象
c、对象里有函数,undefined,序列化的结果会把函数或 undefined丢失
d、对象里有NaN、Infinity和-Infinity,序列化的结果会变成null
e、JSON.stringify()只能序列化对象的可枚举的自有属性,例如 如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor
f、对象中存在循环引用的情况也无法正确实现深拷贝
- 递归实现
此方法较为严谨,适用场景广泛
// p为原对象,c为目标对象
function deepCopy(p, c) {
var c = c || {};
for (var i in p) {
if (typeof p[i] === 'object') {
c[i] = (p[i].constructor === Array) ? [] : {};
deepCopy(p[i], c[i]);
} else {
c[i] = p[i];
}
}
return c;
}