js如何拷贝copy数组或对象

本文介绍了JavaScript中如何拷贝数组和对象,包括简单数组和对象的浅拷贝方法,如concat、slice、Object.assign和展开运算符,以及处理多层嵌套的复杂对象和数组的深度拷贝策略,如使用JSON.parse和JSON.stringify,以及通过深度遍历实现的拷贝方法。在实际开发中,根据业务场景选择合适的方法,如有条件可利用jQuery的$.extend功能。
摘要由CSDN通过智能技术生成

场景

在项目中经常有拷贝对象的情况,由于直接进行转移赋值只对基础类型的数据对象(eg:String,number)可以进行,对于引用类型的对象就不适用了,直接进行赋值只是对于指针的指向。

对于数组,且是简单数组(不是多层嵌套)的拷贝

对于简单的数组(不是多层嵌套)可以直接使用js的api就可以实现,相关api有:concat,slice,或者使用es6的…展开运算符。

对于对象,且是简单对象(不是多层嵌套)的拷贝

可以使用:Object.assign()方法或者使用es6的…展开运算符。

多层嵌套的复杂对象或数组深度拷贝

  • 使用JSON.parse和JSON.stringify实现拷贝
var obj1 = {
   a:{
   a:{
   a:1}},b:[1,2]};
var obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2)
obj1.a.a=2;
obj2.a
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值