JavaScript深拷贝是创建内存独立的新对象,修改互不影响;常用方法包括JSON.parse(JSON.stringify())(限纯数据)、structuredClone()(现代推荐)、手写递归(可控性强)、lodash.cloneDeep()(生产首选)。

JavaScript深拷贝是指创建一个新对象或数组,其内容与原对象完全相同,且新对象与原对象在内存中完全独立——修改新对象不会影响原对象,反之亦然。这与浅拷贝(只复制第一层引用)有本质区别,尤其在处理嵌套对象、数组、日期、正则等复杂类型时尤为关键。
为什么需要深拷贝
JavaScript中对象和数组是引用类型。直接赋值只是复制了引用地址,两个变量指向同一块内存:
let a = { name: "Alice", info: { age: 25 } };
let b = a; // 浅赋值
b.name = "Bob";
b.info.age = 30;
console.log(a.info.age); // 输出 30 —— a 被意外修改!
深拷贝能切断这种引用关联,确保数据隔离。
立即学习“Java免费学习笔记(深入)”;
常用深拷贝方法及适用场景
1. JSON.parse(JSON.stringify()) —— 简单快捷但有局限
适合纯数据对象(仅含字符串、数字、布尔、null、数组、普通对象):
- ✅ 优点:一行代码,无依赖,性能尚可
- ❌ 缺点:丢失函数、undefined、Symbol、Date、RegExp、Map、Set、NaN、Infinity;会忽略原型链和循环引用;Date 变成字符串
const deepCopy = obj => JSON.parse(JSON.stringify(obj));
2. structuredClone() —— 现代浏览器推荐方案
原生 API,支持更多类型(Date、RegExp、Map、Set、ArrayBuffer 等),且能处理循环引用(部分环境):
标签: javascript java js node.js json node 浏览器 栈 区别 为什么 red
还木有评论哦,快来抢沙发吧~