JS深浅拷贝的多种实现方式

浅拷贝

概念:拷贝引用类型的数据指针,拷贝前和拷贝后的数据结构指向同一块内存地址,增删改查会互相影响

  1. 通过for循环遍历
let obj2={};
for(let key in obj){
    if(obj.hasOwnProperty(key)){
        obj2[key]=obj[key];
    }  
}
  1. 通过(…)扩展运算符
let obj2={...obj}

深拷贝

概念:开辟一块新的内存空间,复制要拷贝的数据至新创建的内存空间,两个数据结构的增删改查互不干扰。

  1. 使用JSON的函数(不适用于对象中含有函数、正则、日期)
let obj2=JSON.parse(JSON.stringify(obj));
  1. 使用deepClone函数进行特殊情况的过滤和拷贝
function deepClone(obj){
    if(obj===null) return null;
    if(typeof obj!=='object') return obj;
    if(obj instanceof RegExp){
        return new RegExp(obj);
    }
    if(obj instanceof Date){
        return new Date(obj);
    }
    let newObj={};
    for(let key in obj){
        if(obj.hasOwnProperty(key)){
            newObj[key]=deepClone(obj[key]);
        }
    }
    return newObj;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值