JavaScript 深拷贝和浅拷贝

本文详细介绍了JavaScript中的深拷贝和浅拷贝概念,通过示例展示了它们的区别。深拷贝创建了一个全新的对象,与原始对象内容完全独立,而浅拷贝则只是复制了对象的引用,导致修改其中一个会影响另一个。文章还提供了使用JSON.parse和Object.assign实现拷贝的方法,并指出其局限性。

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

深拷贝和浅拷贝

let a = {}
let b = a //使用的是浅拷贝 相当于把对象地址给b
a.name = 10 //a的地址和b的地址指向同一个内容  a里面添加一个name b也添加
console.log(b.name) //10

深拷贝 拷贝所有的内容(跟原本内容没有关系)

1.递归遍历 没有对象结束

2.使用JSON.parse (常用)

let a = [1,2,3,{name:1,age:2,list:[1,2]}]
let str = JSON.stringify(a)
let aCopy = JSON.parse(str)
console.log(a == aCopy); //false

浅拷贝 创建一个新的对象 新对象的地址也是指向原本的老的对象(共用同一个引用地址)

示例

//深拷贝 
let a = [1,2,3,{name:1,age:2,list:[1,2]}]
let str = JSON.stringify(a)
let aCopy = JSON.parse(str)
console.log(a == aCopy); //false
console.log(aCopy[3] == a[3]); //false
//浅拷贝
//浅拷贝
let objA = {name:"张三",age:18}
let objCopy = Object.assign(objA) //实现对象浅拷贝
// 数组的浅拷贝
let toA = Object.assign(a)
console.log(toA === a ); //true 拷贝的是对象的地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值