JavaScript深度拷贝核心是递归复制所有嵌套层级值以避免引用共享；常用方案包括JSON.parse+JSON.stringify（简洁但局限多）、structuredClone（现代标准，支持丰富类型但不兼容旧环境）、手写递归（兼容性强可定制）、Lodash cloneDeep（生产推荐，覆盖全面）。
JavaScript 深度拷贝对象，核心是**递归复制所有嵌套层级的值**，避免引用共享。原生没有直接支持深拷贝的 API（Object.assign 和展开运算符都只是浅拷贝），所以需要手动实现或借助可靠方案。
JSON.parse + JSON.stringify（最简但有局限）
适用于纯数据对象：只含字符串、数字、布尔、null、数组、普通对象，且不含函数、undefined、Symbol、Date、RegExp、Map、Set、循环引用等。
✅ 优点：一行代码，无依赖，性能快 ❌ 缺点：会丢失函数、undefined、Symbol；Date 变成字符串；NaN 变成 null；无法处理循环引用；正则变成空对象
示例：const deepCopy = obj => JSON.parse(JSON.stringify(obj));
结构化克隆（structuredClone，现代推荐）
Chrome 98+、Firefox 94+、Node.js 17.0+ 支持，是目前最接近“标准深拷贝”的原生方案。
✅ 优点：支持 Map、Set、Date、RegExp、ArrayBuffer、TypedArray、Error、Blob 等；能处理循环引用；语义准确 ❌ 缺点：不支持函数、undefined、Symbol（同 JSON）；旧浏览器和低版本 Node 不可用
示例：const copy = structuredClone(originalObj);
手写递归深拷贝（兼容性最强）
适合需要完全可控、兼容老环境（如 IE）、或需定制行为（如忽略某些字段、处理特殊类型）的场景。
立即学习“Java免费学习笔记（深入）”；
需判断类型（用 Object.prototype.toString.call 或 typeof + Array.isArray） 用 WeakMap 记录已拷贝对象，解决循环引用 对 Date、RegExp、Map、Set 等内置类型做单独处理 普通对象/数组递归遍历属性并深拷贝
简化版示意（不含循环引用处理）：
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') return obj;
if (obj instanceof Date) return new Date(obj);
if (obj instanceof RegExp) return new RegExp(obj);
const clone = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clone[key] = deepClone(obj[key]);
}
}
return clone;
}
Lodash 的 cloneDeep（生产环境常用）
经大量测试、覆盖边缘情况（如循环引用、特殊对象、不可枚举属性），API 稳定，适合工程化项目。
安装：npm install lodash，然后 import { cloneDeep } from 'lodash'; 使用：const copy = cloneDeep(originalObj); 注意：Lodash 体积较大，如只需深拷贝可考虑轻量替代（如 klona、fast-deep-equal 的配套工具）
基本上就这些。选哪种取决于你的运行环境、数据复杂度和是否允许第三方依赖。
以上就是javascript如何深度拷贝对象_有哪些实现方式的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543154.html
微信扫一扫 
支付宝扫一扫 
