JSON 深拷贝与手动递归拷贝,哪个更适合你的项目?

落伟姑娘_6566

落伟姑娘_6566

2026-06-09

259人浏览

原创

优先选structuredclone(),它语法简洁、性能好、支持多种类型且自动处理循环引用;若需兼容旧浏览器,则用手动递归实现;json方法仅适用于纯对象或数组等简单场景。

json 深拷贝与手动递归拷贝,哪个更适合你的项目?

选哪个,取决于你项目里实际要拷贝的数据长什么样、跑在什么环境、对性能和健壮性分别有多在意。

如果你的数据只是纯对象或数组,没有函数、日期、正则、undefined、Symbol,也不含循环引用

JSON 方法够用,而且写起来最轻量:

  • 代码就一行:JSON.parse(JSON.stringify(obj))
  • 兼容性好,老浏览器也支持
  • 执行快——尤其数据结构扁平、字段不多时

但要注意:哪怕只多一个 Date 实例,它就会变成字符串;undefined 直接被丢掉;RegExp 变成空对象;遇到循环引用直接报错。

如果你的数据来自用户输入、配置文件或后端接口,类型不可控

手动递归(或基于它的封装)更稳妥:

  • 能识别并正确复制 Date、RegExp、Map、Set、ArrayBuffer 等原生类型
  • 可加入循环引用检测,避免栈溢出或无限递归
  • 支持自定义类实例(只要显式处理 constructor 和自有属性)

代价是代码变长、运行时判断增多,深度太大时调用栈压力明显。不过多数业务场景下,几百层嵌套已属极端,实际影响有限。

dmap-jsapi-skill
dmap-jsapi-skill

DMap GL地图JSAPI(dmapgl)开发指南。用于编写、审查、调试 DMap 地图 API 代码,涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

别忘了现代浏览器的原生方案

structuredClone() 是目前最平衡的选择:

  • 语法极简:structuredClone(obj)
  • 性能接近 JSON 方法,但支持类型远超它(含 Map、Set、Date、RegExp、TypedArray 等)
  • 自动处理循环引用,不抛错
  • 缺点是 IE 和部分旧版 Safari 不支持(2026 年主流环境基本已覆盖)

如果项目目标环境明确支持,优先用它;否则 fallback 到递归实现,比硬上 JSON 更可靠。

高频调用且结构固定时,可以考虑预编译

比如日志模板、表单默认值这类重复结构,不必每次运行时判断类型:

  • 提前生成专用拷贝函数(用 Proxy 或代码生成)
  • 跳过类型检查,只复制已知字段
  • 性能提升明显,适合性能敏感模块

但这属于进阶优化,多数项目用不上。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

js

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2135

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

3282

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

1116

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3759

7

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

2026.10.16

100

10

OpenJDK怎么配置Java开发环境
OpenJDK怎么配置Java开发环境

怎样用OpenJDK搭建开发环境?本专题介绍版本选择、下载安装、环境变量配置和编译运行验证,帮助你理清JDK的作用及基本配置流程,并通过简单程序检查环境是否可用,为后续项目开发做好准备。

2026.10.16

60

10

OpenJDK怎么部署Java应用
OpenJDK怎么部署Java应用

Java项目开发完成后,怎样部署到目标环境并正常运行?本专题介绍OpenJDK应用部署流程,涵盖运行环境准备、版本兼容检查、应用打包、启动参数配置和日志查看,帮助你理清部署前后的操作顺序,减少环境差异造成的运行问题。

2026.10.16

40

10

Revel框架模板渲染与表单验证
Revel框架模板渲染与表单验证

本专题围绕Revel框架视图层开发,介绍模板语法、变量输出、布局复用、表单提交、参数绑定与验证规则,帮助开发者完成安全规范的页面交互。

2026.10.16

40

15

Revel框架MVC路由与控制器
Revel框架MVC路由与控制器

本专题聚焦Revel框架MVC核心机制,讲解路由定义、控制器Action、参数绑定、请求响应和反向路由,并结合常见场景梳理接口请求处理流程。

2026.10.16

20

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 21.1万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.9万人学习