新闻中心
如何深度克隆对象_j*ascript中复制对象的方法有哪些?
J*aScript中无原生深度克隆方法,常用方案有:JSON.parse(JSON.stringify())(简单但局限多)、structuredClone()(现代环境首选,支持循环引用及多种内置类型)、递归手写(完全可控)、lodash.cloneDeep()(生产环境稳定可靠)。

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是一款专注于UX设计的AI工具,可以帮助UX设计师生成用户角色卡片、用户旅程图、用户访谈问卷等。
172
查看详情
- 判断类型:用
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实现水平菜单
印象笔记如何设离线包出差查阅_印象笔记设离线包出差查阅【离线阅读】


2025-12-15
浏览次数:次
返回列表