对象终极深浅拷贝

最新推荐文章于 2023-08-02 17:55:46 发布

aifiggle

最新推荐文章于 2023-08-02 17:55:46 发布

阅读量197

点赞数

分类专栏： js 面试必问

本文链接：https://blog.csdn.net/yq_giveYouMoney/article/details/105881312

版权

本文探讨了JavaScript中对象的深浅拷贝概念。浅拷贝仅拷贝对象引用，导致拷贝对象与原对象相互影响。而深拷贝则复制对象值，两者独立。文中提到了通过'='赋值、JSON.parse和JSON.stringify以及递归方法实现深拷贝的多种方式，并指出JSON方式的局限性和处理对象循环引用的策略。最后，文章提供了一个终极深拷贝的实现方案。

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

对象的深浅拷贝

深浅拷贝都是对对象而言的，非对象没有深浅拷贝之分。浅拷贝只是拷贝对象的引用，拷贝后的对象和原对象指向同一地址，也就是拷贝后的对象修改值会影响原对象。深拷贝的话就是拷贝其值，拷贝后的对象和源对象没有关系，互不影响。

浅拷贝

通过"="操作符赋值的方式就可以实现简单的浅拷贝

var obj = {
	name: "张三",
	age: "5",
	hobbies: ["吃饭", "睡觉"]
}
var shallowObj = obj
shallowObj.hobbies.push("打痘痘")
console.log(shallowObj) // {name: "张三", age: "5", hobbies: ["吃饭", "睡觉", "打痘痘"]}
console.log(obj) // {name: "张三", age: "5", hobbies: ["吃饭", "睡觉", "打痘痘"]}

for in

var obj = {
	name: "张三",
	age: "5",
	hobbies: ["吃饭", "睡觉"]
}

var shallowObj = {}
for (var key in obj) {
	shallowObj[key] = ob[key]
}
shallowObj.hobbies.push("打痘痘")
console.log(shallowObj) // {name: "张三",