手写深拷贝

最新推荐文章于 2024-10-27 14:53:56 发布

loveYandF

最新推荐文章于 2024-10-27 14:53:56 发布

阅读量91

点赞数 2

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/loveYandF/article/details/116591925

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

深拷贝：创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，新对象跟原对象不共享内存，修改新对象不会改到原对象

arr=[100, [{a : 'hello'}, {b : "world"}], { c: "123456789" }];
    //判断修改的是不是'object'或者null,如果不是 object 或者 null 那么直接返回
    function deepClone(obj = {}) {
        if (typeof obj !== 'object' || obj == null) {
            return obj;
        }
        let result;
        //判断上面下来的obj是不是数组 用instanceof来检测 因为是数组应用类型 

 obj instanceof Array?result=[]:result={}
        for (var item in obj) {
            //查找一个对象是否有某个属性
            if (obj.hasOwnProperty(item)) {
                // 递归调用
                result[item] = deepClone(obj[item])
            }
        }
        return result;
    }
    let arr1=deepClone(arr);
    arr1[1][0].a='vue'
    arr1[0]=99
    console.log('原数组',arr)
    console.log('新数组',arr1)