js的深拷贝

2021-03-20 19:59:18 阅读：147 来源： 互联网

标签：obj2 return js let address 拷贝 100


// 深拷贝和浅拷贝的区别？如何实现？
// 深拷贝：拷贝后的结果 更改是不会影响拷贝前的  拷贝前后是没有关系的
// 浅拷贝：改变前的内容，会对拷贝之后的有影响   拷贝前和拷贝后是有关系的

// 引用关系的问题
// ...运算符  只能拷贝一层   一层运算的时候是深拷贝，多层对象的时候是浅拷贝    典型的浅拷贝
let obj={
    name:'jim',
    address:{
        x:100,
        y:100
    }
}

let o={...obj};
obj.name='hello';
obj.address.x=200;

console.log(obj===o,o);

let a=[1,2,3,4];
let arr=[a];
let newArr=arr.slice();   //[] 浅拷贝   拷贝的是引用的地址  拷贝前后是有关系的
newArr[0][0]=100;
console.log(arr);

// 深拷贝  
let obj1={
    name:'jim',
    address:{
        x:100,
        y:100
    },
    f:function(){}
}
// 直接实现深拷贝  不完整，不能实现复杂的拷贝
let o1=JSON.parse(JSON.stringify(obj1));
obj1.address.x=200;
console.log(obj1,o1);


//实现一个递归拷贝  怎么去实现一个深拷贝呢？

function deepClone(obj2,hash=new WeakMap()){
    if(obj2===null) return obj2;
    if(obj2 instanceof Date) return new Date(obj2);
    if(obj2 instanceof RegExp) return new  RegExp(obj2);

    // 可能是对象  或者普通的值  如果是函数的话   就不需要深拷贝
    if(typeof obj2!=='object') return obj2;
    // 是对象的话  就要进行深拷贝
    // []  {}  Object.prototype.toString.call(obj2)=[object Array]?[]:{}
    if(hash.get(obj2)) return hash.get(obj2);

    let cloneObj=new obj2.constructor;
    hash.set(obj2,cloneObj);
    for(let key in obj2){
        if(obj2.hasOwnProperty(key)){
            cloneObj[key]=deepClone(obj2[key],hash);
        }
    }
    return cloneObj;
}
let obj3={name:1,address:{x:100}};
obj3.o=obj3;
let d=deepClone(obj3);
obj3.address.x=200;
console.log(d);

// 如果对象复杂一点 循环引用

标签：obj2,return,js,let,address,拷贝,100
来源： https://blog.csdn.net/hbwang_716/article/details/115033511

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js的深拷贝