j*ascript怎样深度克隆一个对象？_j*ascript中浅拷贝与深拷贝有何不同？

---

深拷贝通过递归复制所有嵌套层级属性实现完全独立，避免引用共享；浅拷贝仅复制第一层，引用类型仍共用内存。推荐优先使用structuredClone()，兼容场景可用JSON序列化或手写递归函数。

J*aScript 中深度克隆对象，核心是**递归复制所有嵌套层级的属性值**，确保新对象与原对象完全独立，修改任一对象不会影响另一个。浅拷贝只复制第一层属性，遇到引用类型（如对象、数组）仍共享内存地址；深拷贝则彻底分离，连最深层的子对象也新建一份。

浅拷贝：只“铺一层”，引用类型仍共用

浅拷贝仅复制对象自身可枚举属性（不包括原型链上的），对基本类型（string、number、boolean 等）创建新值，但对引用类型（Object、Array、Date、RegExp 等）只复制其内存地址——新旧对象指向同一块堆内存。

• 常见方法：展开运算符 {...obj}、Object.assign({}, obj)、数组的 slice() 或 concat()
• 典型问题：let a = { x: 1, y: { z: 2 } }; let b = { ...a }; b.y.z = 99; console.log(a.y.z); // 输出 99 —— 因为 a.y 和 b.y 是同一个对象

深拷贝：逐层递归，彻底隔离

深拷贝会遍历整个对象树，对每个嵌套的对象或数组都新建实例，并递归处理其内部属性。注意：它无法自动处理函数、undefined、Symbol、Map、Set、Date、RegExp、Blob 等特殊类型，需额外逻辑支持。

寻光

阿里达摩院寻光视频创作平台，以视觉AIGC为核心功能，用PPT制作的方式创作视频

240 查看详情

• 推荐方式（现代浏览器 & Node.js 17.6+）：使用 structuredClone() —— 原生、安全、支持大多数内置类型（Map、Set、Date、RegExp、ArrayBuffer 等），且能处理循环引用（抛错提示）
• 兼容性方案（通用）：JSON 序列化反序列化 —— JSON.parse(JSON.stringify(obj))，但会丢失函数、undefined、Symbol、Date 对象（变成字符串）、正则、NaN、Infinity、循环引用，且不能处理 BigInt
• 手动实现（可控性强）：写递归函数判断类型，对 Object/Array 新建并递归拷贝；对 Date、RegExp 等构造新实例；跳过函数和 undefined；用 WeakMap 记录已拷贝对象以解决循环引用

选哪种？看场景

简单纯数据对象（无函数、无特殊类型、无循环）→ JSON.parse(JSON.stringify()) 最快最简；需要完整类型支持且环境较新 → 优先用 structuredClone()；老环境或需定制行为（如忽略某些字段、转换日期格式）→ 手写递归深拷贝函数。

基本上就这些。深拷贝不是万能银弹，性能开销比浅拷贝大得多，日常开发中先想清楚：真需要深拷贝吗？有时用不可变更新（immer）或设计上避免修改原始数据，反而更高效可靠。

以上就是j*ascript怎样深度克隆一个对象？_j*ascript中浅拷贝与深拷贝有何不同？的详细内容，更多请关注其它相关文章！

# 达摩  # 枣庄企业seo方案公司  # 企业网站推广视频教程  # 恩施州网站推广代运营  # 平顶山短视频营销推广  # 南昌县电商营销推广公司  # 山西seo优化网络推广  # 无锡网站排名优化多少钱  # 湖南网站建设哪家最好  # 上海长宁推广营销公司  # 新开的网站如何推广  # 第一层  # 如何实现  # 何为  # 如何使用  # javascript  # 历史记录  # 有何不同  # 运算符  # 序列化  # 递归  # red  # 递归函数  # 浏览器  # node  # json  # node.js  # js  # java 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 实现二叉树的层序插入：基于树大小的路径导航  Yandex俄罗斯搜索引擎官网入口 Yandex网页端直接访问  mysql通配符能用于日志查询吗_mysql通配符在系统日志查询中的实际使用方法  J*a列表元素格式化输出教程  曝《丝之歌》DLC有望开发！开发商还有神秘新企划  windows server2019显卡驱动怎么安装_winserver2019显卡驱动安装与远程桌面优化  rabbitmq 持久化有什么缺点？  《波斯王子：失落的王冠》剑术大师打法攻略  优化Flask模板中SQLAlchemy查询迭代标签：处理字符串空格问题  如何查找哪个composer包引入了特定的依赖？  《环球网校》设置报考省市方法  51漫画网实时入口 51漫画网页版官方免费漫画入口  如何高效地基于键列值映射DataFrame中的多个列  Safari浏览器自动填表功能失效怎么办 Safari表单管理修复  4399正版网页版入口高清直达链接  VS Code如何设置默认配置  基于键值条件高效映射 Pandas DataFrame 多列数据  mysql中如何配置字符集和排序规则_mysql字符集排序配置  iPhone 13 Pro Max如何设置桌面小组件_iPhone 13 Pro Max小组件添加指南  漫蛙漫画直连入口 _ manwa官方备用入口实时检测  从J*a应用程序中导出MySQL表数据的技术指南  J*aScript桌面应用_Electron多进程架构实战  如何测试您的网站全球打开速度-网站海外测速工  J*aScript 数值去小数位处理：多种方法与实践  支付宝登录刷脸不是本人如何解决  除了Copilot，还有哪些值得一试的VS Code AI插件？  《爱笔思画x》魔棒工具抠图教程  哈尔滨城市通昵称修改方法  《东方财富》条件单关闭方法  《盗墓笔记手游》技能介绍  京东快递物流信息不更新怎么办_物流停滞原因与处理方法  Sublime怎么自动添加CSS前缀_Sublime安装Autoprefixer插件  之了课堂app做题入口  在React中正确处理HTML input type="number"的数值类型  如何通过settings.json个性化您的VS Code体验  mysql镜像配置如何恢复数据_mysql镜像配置数据恢复详细流程  PHP utf8_encode 字符编码转换疑难解析与最佳实践  《虎扑》取消评分记录方法  J*aScript实现下拉菜单驱动的动态表格数据展示  B站怎么开|直播| B站|直播|申请需要什么条件【新手必看】  《一起考教师》账号注销方法  如何在mysql中设计餐饮点餐系统_mysql点餐系统项目实战  mysql如何管理数据库账户_mysql数据库账户管理技巧  抖音赚钱快速入门_新手必看的抖音赚钱步骤  掌握Go App Engine项目结构与GOPATH：包管理与导入实践  《新三国志曹操传》游历事件袁尚突围攻略  蛙漫2(台版)正版官网 2025免费网页版分享  猫眼电影app如何参与官方的抽奖活动_猫眼电影官方抽奖参与方法  金牛福袋获取攻略  哔哩哔哩的|直播|间怎么送礼物_哔哩哔哩|直播|送礼操作指南 

 2025-12-19