浅拷贝与深拷贝

何为浅拷贝

只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存(内存区域没有隔离),对任何一个对象的修改都会影响另一个。



如上,两个对象始终保持一致

深拷贝 or 浅拷贝

创造一个一模一样的对象,新对象跟原对象不共享内存(内存区域隔离),对象的修改对另一个没影响。


如上,使用ES6的 Object.assign 似乎已经可以实现,再看以下:


实验证明,Object.assign 对对象的深拷贝只适用只有一层的对象

如何实现深拷贝

若对象只有一层,可使用上述ES6 Object.assign 方法

对于多层对象,方法如下:

  1. 单纯复制一个嵌套对象,可以用这种方法
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、对象中存在循环引用的情况也无法正确实现深拷贝

  1. 递归实现
    此方法较为严谨,适用场景广泛
// 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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容