2025年js深拷贝和浅拷贝的区别（js中的深拷贝和浅拷贝）

科技前沿 • 2025-05-12 10:15 • 阅读 42

大家好，我是讯享网，很高兴认识大家。

  <?xml encoding="utf-8" ?><html><body><blockquote><p>在javascript中，浅拷贝只是复制了原数据的内存地址，相当于两个数据指针指向了相同的地址，任意一个数据元素发生改变，会影响另一个；而深拷贝的两个数据指向了不同的地址，任意一个元素发生改变，不会影响另一个。</p></blockquote><p><img src="https://img.php.cn/upload/article/202203/10/2022031010255793029.jpg"></p><p>本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。</p><p>在探究浅拷贝和深拷贝之前，先来了解下堆和栈的概念</p><p>堆和栈都是内存中划分出来用于存储的区域。栈（stack）为自动分配的内存空间，它由系统自动释放；堆（heap）则是动态分配的内存，大小不定也不会自动释放。</p><p>接着看下基本数据类型 & 引用数据类型（又称复杂数据类型）</p><p>1、基本类型：String、Number、Boolean、null、undefined、Symbol（ES6新增，表示独一无二的值）；基本类型值在内存中占固定大小，保存在栈内存中。</p><p>2、引用类型：Object、Array、Date、Function等；引用类型的值是对象，保存在堆内存中。</p><p>深浅拷贝的概念</p><p>注：深浅拷贝的区别只适用于Array与Object这样的复杂对象。</p><p>1、浅拷贝：只是复制了原数据的内存地址，相当于两个数据指针指向了相同的地址，其中任一数据元素发生改变，会影响另一个。</p><p>2、深拷贝：两个数据指向了不同的地址，数据元素发生改变时不会相互影响。</p><p>实例探究</p><p>1、浅拷贝</p><p>运行结果：arr数组元素随arrB数组元素的改变而改变</p><p>2、深拷贝（只做第一层深拷贝）</p><p>注：在使用深拷贝的时候，一定要弄清楚对深拷贝的要求程度，是仅深拷贝第一层级的对象属性或者数组元素，还是递归拷贝所有层级的对象属性和数组元素？</p><p>深拷贝数组</p><p>①. 直接遍历</p><p>运行结果：arr数组元素未随arrB数组元素的改变而改变</p><p>③. slice()：该方法返回一个从已有的数组中截取一部分元素片段组成新的数组（不改变原数组）。</p><p>运行结果：数组中元素改变并不会相互影响</p><p>以上三种方法只针对于数组元素是基本数据类型的简单数组，对于第一级数组元素是对象或者数组等引用类型变量的数组来说，上述方法都将失效。</p><p>相关推荐：javascript学习教程</p></arr.length></pre></body></html>

讯享网

Java免费学习笔记：立即学习

讯享网 <br>解锁 Java 大师之旅：从入门到精通的终极指南</p></blockquote>