【小白鲨笔记】js面试题（十三）

最新推荐文章于 2022-11-11 16:55:23 发布

小白鲨c宇宙

最新推荐文章于 2022-11-11 16:55:23 发布

阅读量61

点赞数

分类专栏： js # 面试题文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_57684453/article/details/127809044

版权

面试题同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中深拷贝和浅拷贝的区别。浅拷贝仅复制对象引用，导致两个对象相互影响，而深拷贝则会创建新对象，确保拷贝后的对象独立且互不影响。通过JSON.parse(JSON.stringify())方法和递归函数可以实现深拷贝。了解这两种拷贝方式对于优化代码和避免意外修改至关重要。

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

十三、深拷贝vs浅拷贝

共同点：拷贝 = 复制
浅拷贝：只复制引用，未复制真正的值 ➡️ 互相影响

var arr1 = [1,2,3]
var arr2 = arr1 //并没有新建一个对象
arr1[0] = 99
arr2[2] = 100
console.log(arr1, arr2) //完全相同：指向同一个对象

var obj1 = {a:1, b:2}
var obj2 = Object.assign(obj1)
obj1.a = 'as'
obj2.b = 'bs'
console.log(obj1, obj2) //完全相同

深拷贝：复制真正的值 ➡️ 创建新对象、独立、互不相干

var obj1 = {a:1, b:2}
var obj2 = JSON.parse(JSON.stringify(obj1))
obj1.a = 100
obj2.b = 200
console.log(obj1, obj2) //不同引用，不一样

var obj = {a:1, b:2}
function copyObj(obj) {
    if (Array.isArray(obj)){ var newObj = [] }
    else { var newObj = {} }
    for (var k in obj){
        if(typeof obj[k] != 'object'){ newObj[k] = obj[k] }
        else { newObj[k] = copyObj(obj[k]) }
    }
    return newObj
}
console.log(copyObj(obj))