javascript深拷贝和浅拷贝的区别有哪些


这篇文章主要介绍“javascript深拷贝和浅拷贝的区别有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript深拷贝和浅拷贝的区别有哪些”文章能帮助大家解决问题。 在JavaScript中,浅拷贝只是复制了原数据的内存地址,相当于两个数据指针指向了相同的地址,任意一个数据元素发生改变,会影响另一个;而深拷贝的两个数据指向了不同的地址,任意一个元素发生改变,不会影响另一个。本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。在探究浅拷贝和深拷贝之前,先来了解下堆和栈的概念堆和栈都是内存中划分出来用于存储的区域。栈(stack)为自动分配的内存空间,它由系统自动释放;堆(heap)则是动态分配的内存,大小不定也不会自动释放。接着看下基本数据类型 & 引用数据类型(又称复杂数据类型)1、基本类型:String、Number、Boolean、null、undefined、Symbol(ES6新增,表示独一无二的值);基本类型值在内存中占固定大小,保存在栈内存中。2、引用类型:Object、Array、Date、Function等;引用类型的值是对象,保存在堆内存中。深浅拷贝的概念注:深浅拷贝的区别只适用于Array与Object这样的复杂对象。1免费云主机域名、浅拷贝:只是复制了原数据的内存地址,相当于两个数据指针指向了相同的地址,其中任一数据元素发生改变,会影响另一个。2、深拷贝:两个数据指向了不同的地址,数据元素发生改变时不会相互影响。实例探究1、浅拷贝运行结果:arr数组元素随arrB数组元素的改变而改变2、深拷贝(只做第一层深拷贝)注:在使用深拷贝的时候,一定要弄清楚对深拷贝的要求程度,是仅深拷贝第一层级的对象属性或者数组元素,还是递归拷贝所有层级的对象属性和数组元素?深拷贝数组①. 直接遍历运行结果:arrB数组元素改变并未影响arr数组元素的值②. concat():用于连接两个或多个数组。该方法不会改变现有数组,仅仅只会返回被连接数组的一个副本。运行结果:arr数组元素未随arrB数组元素的改变而改变③. slice():该方法返回一个从已有的数组中截取一部分元素片段组成新的数组(不改变原数组)。运行结果:数组中元素改变并不会相互影响以上三种方法只针对于数组元素是基本数据类型的简单数组,对于第一级数组元素是对象或者数组等引用类型变量的数组来说,上述方法都将失效。关于“javascript深拷贝和浅拷贝的区别有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: 用CSS改变图片颜色的方法有哪些

本文小编为大家详细介绍“用CSS改变图片颜色的方法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“用CSS改变图片颜色的方法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。前言“说到对图片进行处理,我们经常会想到Photo…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/12 09:53
下一篇 01/12 15:46

相关推荐