深拷贝与浅拷贝

最新推荐文章于 2024-04-01 00:11:03 发布

thc1214

最新推荐文章于 2024-04-01 00:11:03 发布

阅读量67

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/SangeACC/article/details/116541949

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中浅拷贝的两种常见实现：等号赋值和`Object.assign`方法，并通过示例展示了它们如何改变原始对象。接着，探讨了深拷贝的两种方法：`JSON.stringify`与`JSON.parse`转换以及递归遍历拷贝，强调了深拷贝在保护原始数据不变性上的重要性。

摘要由CSDN通过智能技术生成

1. 浅拷贝的三种方式

用等号=直接赋值引用地址
通过for in进行循环赋值，若存在嵌套对象时，也属于浅拷贝

            let userinfo = {
                name:     '张三',
                age: 18,
                address: {
                    province: '广东',
                    city: '中山'
                }
            }
            let newinfo = {}
                for(let key in userinfo){
                newinfo[key] = userinfo[key]
            }
            newinfo.address.city = '广州'
            console.log(newinfo.address.city)  //广州
            console.log(userinfo.address.city) //广州

通过Object.assign

            let userinfo = {
                name: '张三',
                age: 18,
                address: {
                    province: '广东',
                    city: '中山'
                }
            }
            let newinfo = Object.assign({}, userinfo)
            newinfo.address.city = '广州'
            console.log(newinfo.address.city)  //广州
            console.log(userinfo.address.city)  //广州

2. 深拷贝的方法

通过JSON.stringify和JSON.parse转换

            let userinfo = {
                name: '张三',
                age: 18,
                address: {
                    province: '广东',
                    city: '中山'
                }
            }
            let newinfo = JSON.parse(JSON.stringify(userinfo))
            newinfo.address.city = '广州'
            console.log(newinfo.address.city)  //广州
            console.log(userinfo.address.city)  //中山

通过递归遍历拷贝

            let userinfo = {
                name: '张三',
                age: 18,
                address: {
                    province: '广东',
                    city: '中山'
                }
            }
            function func(obj){
                if(typeof obj !== 'object'||obj === null){
                    return obj
                }
                let newObj
                if(obj instanceof Array){
                    newObj = []
                }
                else{
                    newObj = {}
                }
                for(let key in obj){
                    if(obj.hasOwnProperty(key)){
                        newObj[key] = func(obj[key])
                    }
                }
                return newObj
            }
            let newinfo = func(userinfo)
            newinfo.address.city = '广州'
            console.log(newinfo.address.city)  //广州
            console.log(userinfo.address.city)  //中山