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

JavaScript中无原生深度克隆方法，常用方案有：JSON.parse(JSON.stringify())（简单但局限多）、structuredClone()（现代环境首选，支持循环引用及多种内置类型）、递归手写（完全可控）、lodash.cloneDeep()（生产环境稳定可靠）。

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

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)

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

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

Mureka

Mureka是昆仑万维最新推出的一款AI音乐创作工具，输入歌词即可生成完整专属歌曲。

1091

查看详情

立即学习“Java免费学习笔记（深入）”；

• 判断类型：用 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 方法够用但记得验数据类型。

以上就是如何深度克隆对象_javascript中复制对象的方法有哪些？的详细内容，更多请关注php中文网其它相关文章！