js深浅拷贝

最新推荐文章于 2024-10-11 17:39:47 发布
最新推荐文章于 2024-10-11 17:39:47 发布
阅读量184 收藏
点赞数
分类专栏： JavaScript 文章标签： 深拷贝 浅拷贝 引用数据类型 内存管理 对象副本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/S2763427717/article/details/121749427
版权

深拷贝和浅拷贝是只针对引用数据类型的。

引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里。

区别：

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。

深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

类型和原数据是否指向同一对象原数据为基本数据类型原数据中包含子对象
赋值是改变会使原数据一同改变改变会使原数据一同改变
浅拷贝否改变不会使原数据一同改变改变会使原数据一同改变
深拷贝否改变不会使原数据一同改变改变不会使原数据一同改变
种草小妖儿.
关注
专栏目录
JavaScript深浅拷贝
码农键盘上的梦
03-16 544
在前端开发中，有时我们需要对一个复杂的数据结构进行变换，例如将一个嵌套的对象转换为数组或将一个数组转换为嵌套的对象。深拷贝是对对象或数组进行递归复制，复制整个对象的所有层次，这样就可以避免对象中的引用类型的属性共享的问题。浅拷贝是对对象或数组进行浅层复制，只复制对象的一层属性，当复制的对象中有引用类型的属性时，复制出来的对象和原对象会共享引用类型的属性。通过展开一个对象，可以将其属性复制到新的对象中。总之，在前端开发中，深拷贝是非常常见的场景，可以帮助我们处理复杂的数据结构，并保持代码的稳定性和可维护性。
JavaScript深浅拷贝区别
Sfh的博客
07-05 3660
分享一篇自己关注的微信订阅号（前端大全）文章：JavaScript浅拷贝与深拷贝 作者：浪里行舟 https://github.com/ljianshu/Blog/issues/5 这里很详细的讲解了深浅拷贝的原理，个人觉得讲的比较不错，放上来留个笔记，下面是拷贝过来的内容： 一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的
javaScript深浅拷贝详解及手动实现
m0_58426119的博客
03-21 1765
拷贝指的就是将某个变量的值复制给另外一个变量的过程，关于拷贝可以分为浅拷贝与深拷贝。 针对不同的数据类型，浅拷贝与深拷贝会有不同的表现，主要表现于基本数据类型和引用数据类型在内存中存储的值不同。 对于基本数据类型，变量存储的是值本身， 对于引用数据类型，变量存储的是值在内存中的地址，如果有多个变量同时指向同一个内存地址，其中对一个变量的值进行修改以后，其它的变量也会受到影响。 var arr=[1,23,33] var arr2=arr arr2[0]=10; console.log(arr) /
JS深浅拷贝
m0_66477165的博客
03-19 880
1. Js 深浅拷贝的区别 要明白的这个问题还要从js 的数据类型说起 1.1 javascript 的的数据类型和它们在程序中存储的位置 javascript 有两种数据类型 基本数据类型：它是简单的数据段，包含新增的一共7种 String、Number、Boolean、Null、Undefined、Symbol BigInt 引用类型: 对象,数组,函数 ,日期对象,正则对象 1.2 javascript 的变量存储方式 栈内存(stack) ： 自动分配内存空间，系统自动释放。 堆内存(
javascript之深浅拷贝
编程界明世隐的博客
12-05 3055
浅拷贝： 浅拷贝只拷贝基本类型的数据，而符合类型的数据只复制指向其的指针，而不复制对象本身，新旧对象还是共享同一块内存。 深拷贝： 深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 浅拷贝的实例: /** * 浅拷贝 * * @param {Object} target 目标对象 * @param {Object} source 源对象 * @return {Object} 返回目标对象 */ function extend(target, s
详谈JavaScript深浅拷贝
通俗易懂
05-05 410
详谈JavaScript深浅拷贝 目录详谈JavaScript深浅拷贝为什么？浅拷贝深拷贝 为什么？ 什么是拷贝：复杂粘贴 为什么分深浅拷贝： JavaScript里面的数据存储分为两种： 简单数据类型：存储在栈里面 复杂数据类型：地址存在栈里面，数据存储在堆里面 而复杂粘贴是在操作栈里面的数据 需要使用的数据： let obj = { name: 'JavaScript', ...
JavaScript深浅拷贝原理实现
weixin_46734347的博客
06-05 348
JS深浅拷贝与赋值 JavaScript基本数据类型的变量存储在栈中，引用数据类型则存储在堆中，但是引用数据类型的存储地址则保存在栈中。 赋值 当我们把一个对象赋值给一个新的变量时候，赋的其实是该对象在栈中的地址，而不是堆中的数据，也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。 var programmer = { name: '张三', attr: ['前端', ['Vue', 'React', 'Angular'], '后端
js 深浅拷贝
可以叫我啪叽的石头
08-23 461
还是京东的面试： 小姐姐问了一个深浅拷贝的问题，然鹅我不会。。 只能回来填坑了。。 整理一下： js有基本类型和引用类型，当把对象赋给另一个对象的时候，修改被复制的对象的属性时，赋值的对象的属性也会被修改，这是因为对象存储的都是一块内存地址，也就是指向的都是同一内存，故修改时都会发生修改 浅复制：只会将对象的各个属性进行依次复制，并不会进行递归复制，而js存储对象都是存地址的，所以会导致引...
深入理解js深浅拷贝
lixiaoyan_star的博客
01-25 301
一、基本概念 要深入理解深浅拷贝，那么需对计算机语言的堆和栈有一定的理解。 栈：javascript的基本类型就5种：Undefined 、Null、Boolean、Number和String,它们都是直接按值存储在栈中，每种类型的数据占用的内存空间的大小是确定的，栈由系统自动分配。 堆：javascript中其他类型的数据被称为引用类型的数据;如对象(Object)、数组(Array)、函数(Function)… 引用类型的数据的地址指针是存储于栈中的，当我们想要访问引用类型的值时，需要先从栈中获得对象的
js中的深浅拷贝问题简析
10-17
在JavaScript中，我们经常会遇到需要拷贝...总的来说，理解JavaScript中深浅拷贝的概念和区别，有助于我们编写更加健壮和高效的代码。在实际开发中，根据数据结构的复杂度和业务需求来选择合适的拷贝方式是至关重要的。
JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解
11-20
本文实例讲述了JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）。分享给大家供大家参考，具体如下： 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。  浅拷贝 只是拷贝了基本类型的数据，而引用类型...
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
12-09
说到深浅拷贝，必须先提到的是JavaScript的数据类型，之前的一篇文章JavaScript基础心法——数据类型说的很清楚了，这里就不多说了。 需要知道的就是一点：JavaScript的数据类型分为基本数据类型和引用数据类型。 ...
详细分析JavaScript中的深浅拷贝
01-18
在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。 一、浅拷贝 浅拷贝只复制了引用，并没有复制...
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1245
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
React中的refs是什么？
Front end development engineer
10-10 277
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
最新发布
m0_66584716的博客
10-11 858
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
Puppeteer自动化：使用JavaScript定制PDF下载
ip16yun的博客
10-08 789
Puppeteer 是一个强大的Node.js库，提供了对无头Chrome或Chromium的控制，可以用于生成网页快照、抓取数据、自动化测试等任务。其中，生成PDF文件是一个常见的需求，本文将通过使用Puppeteer展示如何自动化生成定制的PDF，并使用代理IP、设置user-agent、cookie等技术来增强自动化过程的灵活性与稳定性。为了更好地理解如何定制Puppeteer生成的PDF文件，我们提供一个生成A4纸张格式的网页PDF的实例。用户可以根据需求自定义输出的PDF格式或内容。
javascript中==和===有什么不同
qq_48763502的博客
10-09 404
这个运算符用于比较两个值是否相等，但会在必要时进行类型转换。当两个值的类型不同，JavaScript 会尝试将它们转换为相同的类型，然后再进行比较。
JavaScript深浅拷贝原理与递归实现详解
在前端JavaScript中，深浅拷贝是一个关键概念，尤其是在处理复杂数据类型如对象和数组时。深浅拷贝主要涉及原始数据类型（基本类型）和引用数据类型（如对象）之间的差异。基本数据类型包括Boolean、Null、Undefined...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值