javascript深拷贝是什么_如何实现对象和数组的深拷贝

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

javascript深拷贝是什么_如何实现对象和数组的深拷贝-第1张图片-佛山资讯网

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

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~