新闻中心

如何深度克隆对象_j*ascript中复制对象的方法有哪些?

2025-12-15
浏览次数:
返回列表
J*aScript中无原生深度克隆方法,常用方案有:JSON.parse(JSON.stringify())(简单但局限多)、structuredClone()(现代环境首选,支持循环引用及多种内置类型)、递归手写(完全可控)、lodash.cloneDeep()(生产环境稳定可靠)。

如何深度克隆对象_javascript中复制对象的方法有哪些?

J*aScript 中没有直接的“深度克隆”原生方法,但有多种方式实现对象的完全独立副本。关键在于区分浅拷贝和深拷贝——浅拷贝只复制第一层属性引用,而深拷贝会递归复制所有嵌套层级,确保新对象与原对象彻底隔离。

JSON.parse(JSON.stringify()) —— 简单但有局限

这是最常用的“伪深拷贝”写法,适合纯数据对象(仅含字符串、数字、布尔值、null、数组、普通对象):

  • ✅ 快速、一行搞定:const clone = JSON.parse(JSON.stringify(obj))
  • ❌ 不支持函数、undefined、Symbol、Date、RegExp、Map、Set、BigInt,会丢失或报错
  • ❌ 循环引用会直接抛出 TypeError
  • ❌ Date 对象变成字符串,正则变成空对象

structuredClone() —— 新标准、推荐首选(现代环境)

浏览器(Chrome 98+、Firefox 94+、Edge 98+)和 Node.js 17.0+(需启用 --experimental-structured-clone,Node.js 18.12+ 默认支持)已原生支持:

  • ✅ 支持 Map、Set、Date、RegExp、ArrayBuffer、TypedArray、Error、DOM 节点(部分环境)
  • ✅ 自动处理循环引用
  • ❌ 仍不支持函数、undefined、Symbol(这些会被忽略或抛错,取决于环境)
  • ✅ 用法极简:const clone = structuredClone(obj)

递归手写深拷贝 —— 完全可控,适合学习或特殊需求

适合需要自定义行为(如跳过某些字段、转换类型、处理特殊构造器)的场景:

QoQo QoQo

QoQo是一款专注于UX设计的AI工具,可以帮助UX设计师生成用户角色卡片、用户旅程图、用户访谈问卷等。

QoQo 172 查看详情 QoQo
  • 判断类型:用 Object.prototype.toString.call() 区分 Array、Date、RegExp、Map、Set 等
  • 对普通对象/数组递归遍历每个键值,分别深拷贝
  • 缓存已处理的对象(WeakMap),解决循环引用问题
  • 注意:Date、RegExp 等需用 new 构造新实例;Map/Set 需重建并递归拷贝键值

第三方库(如 lodash)—— 稳定可靠,生产环境常用

lodash.cloneDeep() 是最成熟的方案之一:

  • ✅ 支持几乎所有内置类型(包括函数作用域外的闭包变量?不,但函数本身会被拷贝为引用——等等,不对:lodash 默认不拷贝函数体,而是保留原引用;如需真正“复制函数”,JS 本身不支持,只能序列化再 eval,不推荐)
  • ✅ 健壮处理循环引用、稀疏数组、不可枚举属性等边界情况
  • ✅ 可传入定制化迭代器(customizer)控制特定字段行为
  • ⚠️ 注意体积:如果项目已用 lodash,很合适;若只为深拷贝引入整包,可考虑按需引入 cloneDeep

基本上就这些。选哪种取决于你的运行环境、数据结构复杂度和是否允许外部依赖。开发新项目优先试 structuredClone;兼容老浏览器或需精细控制,用 lodash;临时调试小对象,JSON 方法够用但记得验数据类型。

以上就是如何深度克隆对象_j*ascript中复制对象的方法有哪些?的详细内容,更多请关注其它相关文章!


# java  # javascript  # red  # 作用域  # edge  # 浏览器  # node  # json  # node.js  # js  # 市场营销推广不够恰当  # 济宁石材网站建设招标  # 黄冈网站建设设计制作  # 什么是推广营销工具呢英语  # 深圳定制网站建设制作  # 如何使用  # 建设网站三要  # 莞城营销网站建设  # 语音识别  # 这是  # 键值  # 如何用  # 不支持  # 数据结构  # 如何实现  # 有哪些  # 递归  # 德芙巧克力营销推广模式  # 网络推广营销文案高级  # 五常网站关键词排名地址 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: 微信客户端如何收红包_微信客户端接收红包使用教程  哔哩哔哩忘记密码了怎么找回_哔哩哔哩密码找回方法  蛙漫画网页版全站入口 蛙漫热门作品免费浏览  composer 和 npm/yarn 在管理依赖方面有什么核心思想差异?  Python模块化编程:有效管理依赖与避免循环引用  Node.js CSV 数据处理:基于字段值条件过滤整条记录的策略  知音漫客正版漫画平台_知音漫客官网账号登录  腾讯视频怎么使用多账号家庭管理_腾讯视频家庭多账号统一管理与权限分配教程  浏览器打开即用 美图秀秀网页版入口  Go语言JSON解析深度指南:动态访问与结构体映射实践  微博网页版首页入口 微博电脑端官网登录链接  解决 MongoDB 聚合查询中对象数组 _id 匹配问题  解决Python单元测试中Mock异常方法调用计数为零的问题  Discord Slash 命令响应超时问题的异步解决方案  Mac怎么锁定备忘录_Mac备忘录加密设置教程  win11如何卸载Windows更新补丁 Win11解决更新导致系统不稳定的问题【修复】  html5 app怎么运行环境_配html5 app运行环境【教程】  QQ网页版官方账号入口 QQ网页版网页版登录指南  拼多多赚钱渠道_拼多多收益来源  Win11怎么设置开机NumLock亮 Win11修改注册表InitialKeyboardIndicators值  TikTok国际版官网直达_TikTok国际版官网直达进入在线观看  零跑汽车11月交付量达70327台 实现连续9个月正增长  格力空气能E5故障代码是什么情况_格力空气能E5代码解析与应对措施  地铁跑酷免费秒玩入口链接 地铁跑酷小游戏免费秒玩网站  如何在离线环境中使用Composer_Composer离线安装依赖包的技巧与策略  三星ZFold5多任务卡顿_Samsung ZFold5流畅度提升  护手霜蹭到袖口上了如何清洗? 怎样避免留下一圈油印?  J*aScript:在map操作中高效处理空数组  漫蛙网页登录入口 漫蛙漫画官方授权网址  京东单号查询入口_京东快递订单追踪入口  支付宝如何管理隐私设置_支付宝隐私保护的配置技巧  提升屏幕阅读器对“m”时间单位的播报准确性:HTML与CSS组合解决方案  Composer如何处理Git子模块(submodule)依赖_Composer与Git Submodule的对比与选择  QQ邮箱登录首页官网地址2026 QQ邮箱官方网页入口  在Runstone环境中高效处理TasteDive API的JSON数据  b站怎么删除评论_b站评论管理与删除操作  Win10文件资源管理器“此电脑”分组怎么关 Win10恢复经典视图【技巧】  整合Supabase认证与Django模型:跨模式迁移的解决方案  Google翻译怎么语音输入_Google翻译语音输入功能使用与设置方法  将HTML动态表格多行数据保存到Google Sheet的教程  Win10自动更新怎么关闭 Win10永久关闭系统更新的两种方法【终极版】  邮政快递包裹最新位置 邮政快递实时追踪入口  必由学官方登录入口 必由学教师学生账号快速访问  126邮箱手机版登录官网2026_126手机邮箱免费入口最新  MAC怎么安装Homebrew包管理器_MAC为开发者和高级用户安装命令行工具  印象笔记怎样用批量导出备知识库_印象笔记用批量导出备知识库【备份方法】  Lar*el Excel导入时生成自定义递增ID的策略与实践  J*aScript 字符串标签转换:使用正则表达式高效替换  如何在CSS中使用浮动制作导航栏_float实现水平菜单  印象笔记如何设离线包出差查阅_印象笔记设离线包出差查阅【离线阅读】 

搜索