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;
}

你可能感兴趣的:(JS)