深拷贝的几种方法

最新推荐文章于 2025-04-17 11:53:49 发布

天蒙蒙亮

最新推荐文章于 2025-04-17 11:53:49 发布

阅读量584

点赞数 3

分类专栏： js 文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/qq_38719039/article/details/135985364

版权

本文探讨了如何使用JSON.parse()和JSON.stringify()进行基础的深拷贝，以及手写递归函数实现深拷贝。此外，还介绍了第三方库lodash的cloneDeep()方法和Object.assign()在不同场景下的深拷贝效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、JSON.parse()和JSON.stringify()
可以将JavaScript对象序列化为一个JSON字符串，再使用JSON.parse()将其解析为一个新的对象，从而实现深拷贝。需要注意的是，该方法只能处理部分数据类型，例如字符串、数字、布尔值、数组和对象等。对于函数、Date对象、正则表达式等类型，则无法正确地进行序列化和反序列化。
当对象内存在undefined、symbol、function类型的属性时，在序列化过程中会被忽略；当属性为NaN 和 Infinity 格式的数值及 null 都会被当做 null。

const newFoo = JSON.parse(JSON.stringify(foo));  
console.log(foo, newFoo);
// { name: '绝绝子', info: { age: 18 } } { name: '绝绝子', info: { age: 18 } }
foo.info.age = 25
console.log(foo, newFoo)
// { name: '绝绝子', info: { age: 25 } } { name: '绝绝子', info: { age: 18 } }

2、手写递归函数

function deepClone1(obj) {
  //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
  var objClone = Array.isArray(obj) ? [] : {};
  //进行深拷贝的不能为空，并且是对象或者是
  if (obj && typeof obj === "object") {

最低0.47元/天解锁文章