js深拷贝的几种方法

本文探讨了JSON.parse和JSON.stringify在序列化与反序列化中的局限性,介绍了Object.assign的浅拷贝机制,并提供了一个递归函数实现的深拷贝方法,强调了在处理引用类型和循环引用时的注意事项。
摘要由CSDN通过智能技术生成

1.JSON方法序列化与反序列化

    let copy=JSON.parse(JSON.stringify(obj))

    缺点:

        1.不能拷贝函数,日期对象会变成字符串,正则表达式也会拷贝出错(拷贝后变成一个对象)

        2.值为undefined的属性在拷贝过程会被忽略掉,不能拷贝原型链上的属性与方法

        3.无法处理循坏引用的情况

2.Object.assign(target,source1,source2) 属于浅拷贝

    缺点:如果对象的某个属性值为引用类型,那么拷贝的则是引用地址

3.递归函数拷贝

    function deepClone(target){

        if(typeof target !=='object' || target===null){

            return target

            //typeof number string boolean bigint undefined function

        }

        if (target instanceof Date) {

            return new Date(target.getTime());

        }

        if (target instanceof RegExp) {

            return new RegExp(target);

        }

        let copyObj=Array.isArray(target)?[]:{}

        for(let key in target){

            if(target.hasOwnProperty(key)){

                copyObj[key]= deepClone(target[key])

            }

        }

        return copyObj

    }

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值