拷贝的方式

一、深拷贝

        拷贝不仅将原对象的各个属性逐个复制出去,而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上。

1.1 JSON.Parse(JSON.stringify)

1.1.1 弊端

  1. 如果 obj 的属性有时间对象,则 JSON.stringify 后再 JSON.parse 的结果,时间将转为字符串的形式,而不是对象的形式

  2. 如果 obj 的属性有 RegExp (正则表达式的缩写)、Error 对象,则序列化的结果将只得到空对象;

  3. 如果 obj 的属性有函数(function),undefined,Symbol, 则序列化的结果会把 function 或 undefined 丢失;

  4. 如果obj 的属性有 NaN、Infinity 和 -Infinity,则序列化的结果会变成 null

  5. JSON.stringify() 只能序列化对象的可枚举的自有属性,例如如果 obj 中的对象是有构造函数生成的, 则使用 JSON.parse(JSON.stringify(obj)) 深拷贝后,会丢弃对象的 constructor;

  6. 如果对象中存在循环引用的情况也无法正确实现深拷贝,并且会导致死循环,最后抛出异常

1.1.2 其他常用场景

  1. 判断数组是否包含某对象: 将数组和要比对的对象转换成字符串后,比对字符串包含关系。(对象顺序很关键)
  2. 判断对象是否相等(对象顺序很关键)
  3. 让 localStorage / sessionStorage 可以存储对象

1.2 递归函数封装

function deepClone(obj) {
    let objClone = Array.isArray(obj) ? [] : {};
    if (obj && typeof obj === 'object') {
        for (let key in obj) {
            if (obj[key] && typeof obj[key] === 'object') {
                objClone[key] = deepClone(obj[key]);
            } else {
                objClone[key] = obj[key]
            }
        }
    }
    return objClone;
}

二、浅拷贝

2.1 Object.assign() 拷贝

注意: 当对象只有一级属性为深拷贝;

当对象中有多级属性时,二级属性后就是浅拷贝

2.2 直接赋值给另一个变量

2.3 [...[]]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值