深拷贝通过递归复制对象所有层级实现完全独立。1. JSON.parse(JSON.stringify())适用于纯数据但不支持函数、Date等；2. 手动递归可处理多种类型并解决循环引用；3. structuredClone()为现代API，简洁且内置支持复杂类型与循环引用，选择方案需根据环境与需求决定。
JavaScript中实现深拷贝的核心在于彻底复制对象及其所有嵌套属性，使新对象与原对象完全独立。浅拷贝只能复制第一层属性，而深拷贝能递归复制所有层级，避免修改副本影响原数据。
这是最简单的深拷贝方法，适用于大多数纯数据对象：
const obj = { a: 1, b: { c: 2 } };
const deepCopy = JSON.parse(JSON.stringify(obj));
obj.b.c = 3;
console.log(deepCopy.b.c); // 输出 2，说明已分离通过类型判断和递归调用，可以处理更多数据类型：
function deepClone(obj, hash = new WeakMap()) {
if (obj == null || typeof obj !== 'object') return obj;
if (hash.has(obj)) return hash.get(obj); // 防止循环引用
let result;
if (obj instanceof Date) result = new Date(obj);
else if (obj instanceof RegExp) result = new RegExp(obj);
else result = Array.isArray(obj) ? [] : {};
hash.set(obj, result);
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
result[key] = deepClone(obj[key], hash);
}
}
return result;
}Chrome 98+ 和新版 Node.js 支持的原生深拷贝方法：
立即学习“Java免费学习笔记（深入）”；
const original = { date: new Date(), data: { x: 1 } };
const copy = structuredClone(original);
copy.data.x = 2;
console.log(original.data.x); // 输出 1基本上就这些。选择哪种方式取决于你的环境和需求。兼容老浏览器就用递归方案，追求简洁且环境支持可用 structuredClone，临时调试可以用 JSON 方法但要注意限制。不复杂但容易忽略细节。
以上就是JavaScript深拷贝实现_javascript对象操作的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
222
收藏
