对象的浅拷贝和深拷贝

浅拷贝

只复制某个对象的指针,而不复制对象本身。

如果属性是基本类型,那拷贝的就是基本类型的值;如果属性为引用类型,拷贝的就是地址。当其中一个对象被改变后,另一个对象也会随之改变。

通俗的来说,当对象里面包含对象的时候,浅拷贝指挥拷贝一层,不会递归拷贝。

深拷贝

复制和创建一个一模一样的对象,不共享内存地址。当其中某一个对象被改变后,另一个对象也会随之改变。

会递归拷贝对象的所有属性。

常见的浅拷贝有:

Object.assign({},目标对象)

扩展运算符...

let obj = {
    id:1,
    child:{
        name:'tom',
        age:16
    }
}

// 使用Object.assign()进行浅拷贝
let obj2 = Object.assign({},obj)
//使用扩展运算符进行浅拷贝
let obj3 = {...obj}


//当修改更深一层的age时,由于是浅拷贝,只拷贝第一层,所以第二层的age都会被改变
obj.id = 2
obj.child.age = 18

console.log(obj);
console.log(obj2);
console.log(obj3);

常见的深拷贝有:

JSON.parse(JSON.stringify(obj))

let obj = {
    id:1,
    child:{
        name:'tom',
        age:16
    }
}

//深拷贝
let obj2 = JSON.parse(JSON.stringify(obj))

// 当修改id和age时,深拷贝后的对象都不会被改变
obj.id = 3
obj.child.age = 30
console.log(obj);
console.log(obj2);

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的对象拷贝分为浅拷贝深拷贝浅拷贝只是复制了对象的引用地址,而不复制对象本身,因此新旧对象还是指向同一个内存地址。而深拷贝则是创建一个全新的对象,包含了原始对象的所有属性和值。 浅拷贝常见的方法有使用Object.assign()方法或使用展开运算符(...)。例如,可以通过Object.assign()方法将原始对象的属性复制到一个空对象中来实现浅拷贝。这样,原始对象浅拷贝对象将指向不同的内存地址,修改其中一个对象不会影响另一个对象的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [javaScript对象深拷贝浅拷贝](https://blog.csdn.net/qq_50148250/article/details/127481075)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Js中对象深拷贝浅拷贝](https://blog.csdn.net/xuexizhe88/article/details/80989813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值