【前端基础】通过 JSON.parse(JSON.stringify(obj)) 来实现深拷贝

最简便的实现方式是使用 JSON.parse(JSON.stringify(obj)) 来进行深拷贝。这种方法可以很方便地实现深拷贝,并且能够确保两个对象之间不会相互影响。

可以像下面这样使用 JSON.parse(JSON.stringify(obj)) 来实现深拷贝:

// 使用 JSON.parse(JSON.stringify(obj)) 进行深拷贝
const copiedInfoForm = JSON.parse(JSON.stringify(this.infoForm));
const copiedObjectCategoryData = JSON.parse(JSON.stringify(objectCategoryData));

// 合并修改后的infoForm
const mergedInfoForm = {
  ...copiedInfoForm,
  ...copiedObjectCategoryData
};

if (mergedInfoForm.other) {
  mergedInfoForm.ahap7746.zdyfdx = {
    option: ["2"],
    other: copiedObjectCategoryData.other
  };
}

使用 JSON.parse(JSON.stringify(obj)) 会将对象转换成字符串再解析回对象,从而实现深拷贝。这样能够确保 copiedInfoFormcopiedObjectCategoryData 完全独立,修改其中一个对象不会影响另一个对象。

需要注意的是,这种方法对于大多数情况下是有效的,但是有一些特殊情况下可能会出现问题,比如对象中包含函数、循环引用等情况。在实际应用中,为了更加健壮的深拷贝,你可能需要使用成熟的库,例如 lodashcloneDeep 方法。但对于大多数情况下,JSON.parse(JSON.stringify(obj)) 是一种简单且有效的深拷贝方式。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值