js对象类型赋值与深拷贝

先来看一个例子:

let arr=[];
for(let i = 0;i<5;i++){
	let obj = Object;
	obj.name = '我是' + 1;
	arr.push(obj)
	}
console.log(arr);
	
此时输出的arr为 [{name:'我是4'},{name:'我是4'},{name:'我是4'},{name:'我是4'},{name:'我是4'}]

并未向arry中push进不通的内容,原因是因为对象类型赋值时并不是简单的赋值,而是指向一个变量,这个变量存储了对象类型数据的地址,再由这个变量指向这一个地址。
如下图所示,
在这里插入图片描述
可做如下修改:

let arr=[];
let obj = [];
for(let i = 0;i<5;i++){
	let obj[i] = Object;
	obj[i].name = '我是' + 1;
	arr.push(obj[i])
	}
console.log(arr);
	
此时输出的arr为 [{name:'我是0'},{name:'我是1'},{name:'我是2'},{name:'我是3'},{name:'我是4'}]

在这里插入图片描述
也可使用深拷贝,Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

let arr=[];
for(let i = 0;i<5;i++){
	let obj = Object;
	obj.name = '我是' + 1;
	arr[i] = Object.assign({},obj);
	}
console.log(arr);
	
此时输出的arr为 [{name:'我是0'},{name:'我是1'},{name:'我是2'},{name:'我是3'},{name:'我是4'}]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值