关于浅拷贝和深拷贝的小知识

最新推荐文章于 2024-07-01 17:49:35 发布

郑SaScha

最新推荐文章于 2024-07-01 17:49:35 发布

阅读量112

点赞数

分类专栏：写给自己看文章标签： javascript

本文链接：https://blog.csdn.net/m0_53493562/article/details/120655121

版权

写给自己看专栏收录该内容

5 篇文章 0 订阅

订阅专栏

浅拷贝

对引用类型进行拷贝时，只拷贝引用类型的地址；两者指向同一个对象

简单理解假设B对象拷贝A对象，当修改A对象的属性值时，B对象对应的属性值也会发生改变（因为A和B指向同一个对象）。

        const aObj = {
            'name': '豆沙',
            'age': 3,
            'run': {
                'name': '3m/min'
            }
        }
        const bObj = aObj;

        aObj.run.name = 'none';

        console.log(aObj.run.name); //none
        console.log(bObj.run.name); //none

深拷贝（递归）

拷贝时，创建一个新对象，通过遍历循环把对象中的属性一一拷贝

        // 封装一个深拷贝函数
        function copy(obj) {
            let newObj = {};
            for (let k in obj) {
                if (obj[k] instanceof Object) {
                    // 如果对象的值还是引用类型，就需要递归
                    newObj[k] = copy(obj[k])
                } else {
                    newObj[k] = obj[k];
                }
            }
            return newObj;
        }

调用函数进行拷贝

        const aObj = {
            'name': '豆沙',
            'age': 3,
            'run': {
                'name': '3m/min'
            }
        }
        const bObj = copy(aObj);

        aObj.run.name = 'none';

        console.log(aObj.run.name); //none
        console.log(bObj.run.name); //3m/min

深拷贝(JSON)）

拷贝时，将对象转换成字符串，然后通过反序列化再转换成对象

        // 封装一个深拷贝函数
        function copy(obj) {
            let str = JSON.stringify(obj)
            let newObj = JSON.parse(str);
            return newObj;
        }

调用函数进行拷贝

        const aObj = {
            'name': '豆沙',
            'age': 3,
            'run': {
                'name': '3m/min'
            }
        }
        const bObj = copy(aObj);

        aObj.run.name = 'none';

        console.log(aObj.run.name); //none
        console.log(bObj.run.name); //3m/min