js深浅拷贝

本文探讨了JavaScript中浅拷贝和深拷贝的区别,通过示例展示了如何使用自定义函数实现浅拷贝和深拷贝,并提到了JSON.parse(JSON.stringify())方法作为深拷贝的一种方式。在示例中,修改拷贝后的对象不会影响原始对象,突出了深拷贝的特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    <script>

        // 浅拷贝 :拷贝后基本数据类型互不影响,引用数据类型相互影响

        var obj = {

            name: "爱就一个字",

            hobby: ["学习", ["看电影", "购物"], "玩游戏"]

        }

        function shallCopy(obj) {

            let target = {};

            for (var i in obj) {

                if (obj.hasOwnProperty) {

                    target[i] = obj[i]

                }

            }

            return target;

        }

        // var obj1 = shallCopy(obj)

        // obj1.name = "涂涂";

        // obj1.hobby[0] = "玩耍"

        // console.log(obj);

        // console.log(obj1);

        // 深拷贝  ;  基本数据类型和应用数据类型都互不影响

        function deepClone(obj) {

            let targetObj = {};

            if (typeof obj !== "object") return obj;

            if (obj === null) return obj;

            if (obj instanceof Date) return new Date(obj)

            if (obj instanceof RegExp) return new RegExp(obj)

            targetObj = Array.isArray(obj) ? [] : {}

            for (let i in obj) {

                if (obj.hasOwnProperty(i)) {

                    targetObj[i] = deepClone(obj[i])

                }

            }

            return targetObj;

        }

        var obj1 = deepClone(obj)

        obj1.name = "涂涂";

        obj1.hobby[0] = "玩耍"

        console.log(obj);

        console.log(obj1);

3. JSON.parse(JSON.stringify()) //虽然也是深拷贝,但是一个类型无法拷贝,比如日期、正则、函数等

    </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值