在 JavaScript 中,实现对象的深拷贝

本文介绍了在JavaScript中实现对象深拷贝的几种方式,包括使用递归函数、JSON序列化和反序列化、第三方库如lodash以及ES6的Object.assign()方法。其中,递归和JSON方法有其局限性,如不能处理函数、原型链和循环引用,而lodash等库则提供更全面的解决方案。
摘要由CSDN通过智能技术生成

在 JavaScript 中,实现对象的深拷贝

  1. 手动实现深拷贝函数
    手动实现深拷贝函数可以通过递归实现对对象及其嵌套属性的深度复制,例如:
function deepCopy(obj) {
  let copy = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (typeof obj[key] === "object") {
      copy[key] = deepCopy(obj[key]);
    } else {
      copy[key] = obj[key];
    }
  }
  return copy;
}

2.使用 JSON 序列化和反序列化
利用 JSON.stringify() 和 JSON.parse() 可以实现对象的深拷贝,但是该方法存在一定的限制,例如无法复制函数和原型链等,同时也不能复制循环引用对象。

let obj = { foo: "bar", arr: [1, 2, 3], obj: { a: 1, b: 2 } };
let copy = JSON.parse(JSON.stringify(obj));

3.使用第三方库
使用第三方库如 lodash、underscore 等,可以快速、简单地实现对象的深拷贝。

const _ = require('lodash');
let obj = { foo: "bar", arr: [1, 2, 3], obj: { a: 1, b: 2 } };
let copy = _.cloneDeep(obj);

4.使用 ES6 的 Object.assign() 方法
Object.assign() 方法可以将多个对象的属性复制到目标对象中,也可以实现浅拷贝和深拷贝,但是不能处理嵌套对象的深度复制。

let obj = { foo: "bar", arr: [1, 2, 3], obj: { a: 1, b: 2 } };
let copy = Object.assign({}, obj);

完结

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值