deepClone深拷贝函数

本文探讨了前端开发中浅拷贝与深拷贝的区别,特别介绍了如何避免使用`JSON.parse(JSON.stringify())`的局限,并详细讲解了lodash的深复制函数,通过实例解析复杂对象的复制过程。
摘要由CSDN通过智能技术生成

前端开发的过程中经常会遇到赋值操作,对于基本数据类型的赋值js会在堆内存内直接开辟一块新的空间用于新变量的指向;而对对象的赋值则只是将原有对象在堆中的地址赋值给新的变量,也就是我们常说的浅拷贝

对于深拷贝的需求,

不建议使用JSON.parse(JSON.stringify())(正则会被直接置空;函数会被处理为null)

我们可以引用lodash.js方法库或者在copy下面的代码

        //params  obj:目标值
        deepClone(obj,hash = new WeakMap()){
          // null
            if(obj === null) return obj
            // date
            if(obj instanceof Date) return new Date(obj)
            // reg
            if(obj instanceof RegExp) return new RegExp(obj)
            if(typeof obj !== 'object') return obj
            if(hash.get(obj)) return hash.get(obj)
            let cloneObj = new obj.constructor()
            hash.set(obj,cloneObj)
            for(let key in obj){
                if(obj.hasOwnProperty(key)){
                    cloneObj[key] = deepClone(obj[key],hash)
                }
            }
            return cloneObj
        },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值