关于深浅拷贝(javascript)

最新推荐文章于 2024-08-22 14:32:34 发布
最新推荐文章于 2024-08-22 14:32:34 发布
阅读量79 收藏 1
点赞数 3
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70566203/article/details/131522646
版权

为什么会有深浅拷贝的现象？

javascript的数据分为基本数据类型和引用数据类型，那么基本数据类型他在栈内存中存储的是值，而引用数据类型在我们的栈内存中存储的引用地址，它指向与堆内存中的一块地址，也就是说引用数据类型真正的值是存储在堆内存中的，所以我们使用等号= 复制引用数据类型的时候复制的只是一个引用地址，它和原来的引用地址指向的时同一块对内存地址的(也就是指向同一个变量值)

发生问题：

复制的引用数据类型会改变原数据，但基本数据类型的改变并没有影响原数据，所以当我们想要拷贝引用数据类型的时候是需要重新开辟出一块内存来进行复制的，比如说重新声明一个变量，然后再将对象里面的值一个个使用for循环塞进去

 

引出问题：

不知道你们发现没有，我在复制的时候，引用数据类型 objCopy 是使用 const 声明变量的，

而基本数据类型 aCopy 使用的是let 声明变量的，因为const 声明的数据不可变对吧，那为什么objCopy使用const声明的数据可以改变呢？原因就是我们的引用数据类型在栈内存中存储的是地址，而不是值，当我们改变一个对象的值的时候，实际上改变的是它指向的对内存的值，栈内存中的引用地址我们确实没有改变

搞java的前端
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript深浅拷贝
码农键盘上的梦
03-16 511
在前端开发中，有时我们需要对一个复杂的数据结构进行变换，例如将一个嵌套的对象转换为数组或将一个数组转换为嵌套的对象。深拷贝是对对象或数组进行递归复制，复制整个对象的所有层次，这样就可以避免对象中的引用类型的属性共享的问题。浅拷贝是对对象或数组进行浅层复制，只复制对象的一层属性，当复制的对象中有引用类型的属性时，复制出来的对象和原对象会共享引用类型的属性。通过展开一个对象，可以将其属性复制到新的对象中。总之，在前端开发中，深拷贝是非常常见的场景，可以帮助我们处理复杂的数据结构，并保持代码的稳定性和可维护性。
详谈JavaScript深浅拷贝
通俗易懂
05-05 341
详谈JavaScript深浅拷贝 目录详谈JavaScript深浅拷贝为什么？浅拷贝深拷贝 为什么？ 什么是拷贝：复杂粘贴 为什么分深浅拷贝： JavaScript里面的数据存储分为两种： 简单数据类型：存储在栈里面 复杂数据类型：地址存在栈里面，数据存储在堆里面 而复杂粘贴是在操作栈里面的数据 需要使用的数据： let obj = { name: 'JavaScript', ...
javascript之深浅拷贝
编程界明世隐的博客
12-05 3037
浅拷贝： 浅拷贝只拷贝基本类型的数据，而符合类型的数据只复制指向其的指针，而不复制对象本身，新旧对象还是共享同一块内存。 深拷贝： 深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 浅拷贝的实例: /** * 浅拷贝 * * @param {Object} target 目标对象 * @param {Object} source 源对象 * @return {Object} 返回目标对象 */ function extend(target, s
JavaScript高级：深浅拷贝
xiaoxie_life_study
02-01 741
JavaScript高级：深浅拷贝：1 引言；2 浅拷贝；3 赋值操作和浅拷贝的比较；4 深拷贝
关于JavaScript的深浅拷贝
hahabboom的博客
04-28 143
JavaScript的数据类型就是基本数据类型和引用数据类型 但是对于基本数据类型不存在深浅拷贝的区别，所谓的深浅拷贝是针对于引用类型而言的 关于浅拷贝： 1. Array.concat() / Array.slice() 如果针对数组，可以使用他们来进行浅拷贝。如下： 但是，如果数组里面有数组或者对象时，就会发生这种情况： 由上面可以发现，不管新数组还是老数组都发生了变化，说明拷贝不彻底。...
JavaScript的深浅拷贝
weixin_44786791的博客
04-06 168
当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。 浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝)
JavaScript之深浅拷贝
feb的博客
03-17 345
上篇博客中简单介绍了JS中的引用类型，本篇博客就简单介绍下JS的深浅拷贝，以后有时间再对深浅拷贝做个扩展。原始类型是保存在栈内存中的，对于它们的复制可以理解为“真实”复制，即重新开辟栈内存并将原来的值copy一份放进去。那么修改copy的那个值并不会影响原始值，因为它们是独立的。 先看看原始类型和引用类型的存储方式：（图片摘自https://www.cnbl...
JavaScript深浅拷贝区别
Sfh的博客
07-05 3620
分享一篇自己关注的微信订阅号（前端大全）文章：JavaScript浅拷贝与深拷贝 作者：浪里行舟 https://github.com/ljianshu/Blog/issues/5 这里很详细的讲解了深浅拷贝的原理，个人觉得讲的比较不错，放上来留个笔记，下面是拷贝过来的内容： 一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的
关于JavaScript的深浅拷贝详解
sharp0016的博客
10-06 184
关于JavaScript的深浅拷贝详解 关于浅拷贝的方法: 方法一：object.assign 下述JavaScript的代码使用object.assign来简单理解一下浅拷贝： let obj1 = {a:{b:1},sym:Symbol(1)}; Object.defineProperty(obj1,'innumerable',{ value:'不可枚举属性', enumerable:false }); let obj2 = {}; Object.assign(obj2,obj1) obj1.a.b
javascript简单实现深浅拷贝过程详解
10-16
JavaScript是一种广泛使用的前端脚本语言，其中深浅拷贝的概念在实际开发中尤为重要。深浅拷贝主要涉及对象、数组这类引用类型数据的复制。在ES5版本的JavaScript中，数据类型分为两大类：基本类型和引用类型。基本...
1.深浅拷贝.pptx
09-22
深浅拷贝是 JavaScript 中一种常用的数据拷贝方式，分为浅拷贝和深拷贝两种。浅拷贝是指复制对象的引用，而不是复制对象本身，而深拷贝是指完全复制对象。 浅拷贝 浅拷贝是指复制对象的引用，而不是复制对象本身。...
详细分析JavaScript中的深浅拷贝
01-18
在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。 一、浅拷贝 浅拷贝只复制了引用，并没有复制...
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
12-09
说到深浅拷贝，必须先提到的是JavaScript的数据类型，之前的一篇文章JavaScript基础心法——数据类型说的很清楚了，这里就不多说了。 需要知道的就是一点：JavaScript的数据类型分为基本数据类型和引用数据类型。 ...
2024前端面试题-js篇
FormAda的博客
08-22 826
是数组的一种迭代方法，主要用于对数组中的每一项执行给定的函数。它只是简单地对数组进行遍历，没有提供跳出循环的机制。基础数据类型：string,number,boolean，null，undefined，bigInt，symbol。在规定的时间内没有触发事件，就执行函数，如果在规定的时间触发了时间久重新开始计时。当异常被抛出时，正常的流程被打断，可以通过。函数执行一次后，在规定的时间内不再执行。块捕获异常，从而实现停止迭代的效果。执行顺序：同步代码->微任务->宏任务。引用数据类型：Object。
vue开发引入第三方插件的方式及其区别
最新发布
你们瞎搞
08-22 365
npm。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 357
【代码】【js】各类前端输入校验方法。
Nuxt3【内置的工具函数】2024最新版
朝阳39的博客
08-20 1006
用于在Vue应用程序或API路由中进行HTTP请求，详见。
React学习笔记，从入门到砸门
留白声的博客
08-20 1041
react详细自我学习笔记，内容包括JSX、Redux、Router等
JavaScript深浅拷贝原理与递归实现详解
在前端JavaScript中，深浅拷贝是一个关键概念，尤其是在处理复杂数据类型如对象和数组时。深浅拷贝主要涉及原始数据类型（基本类型）和引用数据类型（如对象）之间的差异。基本数据类型包括Boolean、Null、Undefined...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值