JavaScript实现深拷贝与浅拷贝

深拷贝的两种实现:

1、递归深拷贝

这个函数中,申请了一块新的内存,将数组的值复制过去。

function deepCopy(source) {

    let result= null;
    if(isArrayFn(source)){
        result = [];
    }else if(source instanceof Object){
        result = {};
    }else{
        result = source;
    }

    for (let key in source) {
        //防止key遍历source原型链中的属性
        if(source.hasOwnProperty(key)){
            result[key] = typeof source[key]==='object'? deepCopy(source[key]): source[key];
        }
    }
    return result;
};

2、借助JSON实现深拷贝

JSON.stringify()被调用后,会生产一个JSON对象出来,这个JSON对象在内存中是要占空间的。

所以,相当于在一片新的内存中写入了原有的数据,所以用JSON可以实现深拷贝。

function deepCopy2(source) {
    if(typeof source === "object"){
        return JSON.parse(JSON.stringify(source));
    }
}

参考文章:

js深拷贝和浅拷贝

判断一个变量是数组Array类型的方法

理解JAVASCRIPT 中hasOwnProperty()的作用

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值