JS复制对象,修改不影响原对象

项目开发中遇到一个问题,需求是复制一条记录,方便编辑,因为前端是根据新建的数据有没有ID来判断走新建还是update接口,于是我在复制按钮的事件中将本条记录的ID删除后传给form。写完后发现点了复制以后原表格中的数据ID也没了,

QQ截图20201117152544.jpg

以我并不丰富的经验也知道是因为js的对象赋值是引用赋值,传递的是地址,所以我改后面的对象会把原对象也改了,于是百度如何完整的复制一个对象用来传递,找到了Object.assign()方法:

var newData = Object.assign({}, data);
//将data中的可枚举属性复制到{}中,返回给 newData

当源对象的属性值是一个指向对象的引用时,应用深度复制

var obj1 = { a: 0 , b: { c: 0}};
var obj3 = JSON.parse(JSON.stringify(obj1));//先将obj转换为JSON字符串,然后再转回对象
obj1.a = 4;
obj1.b.c = 4;
console.log(JSON.stringify(obj3)); // { a: 0, b: { c: 0}}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值