JS深浅拷贝

最新推荐文章于 2024-07-14 15:54:59 发布
最新推荐文章于 2024-07-14 15:54:59 发布
阅读量115 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HDYzl/article/details/105035141
版权

浅拷贝
直接将一个引入数据类型的地址，赋值给另一个变量存储，成为浅拷贝
两个变量存储的是相同的内存地址

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

深拷贝
像数组的话，可以创建一个新数组，然后将数组中的值传到新数组中
1.正常变量
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

两个变量之间传递的只是里面存储的值

数组之间创建一个新的数组，即可摆脱这种情况
在这里插入图片描述
在这里插入图片描述

HDY??
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript深浅拷贝
码农键盘上的梦
03-16 482
在前端开发中，有时我们需要对一个复杂的数据结构进行变换，例如将一个嵌套的对象转换为数组或将一个数组转换为嵌套的对象。深拷贝是对对象或数组进行递归复制，复制整个对象的所有层次，这样就可以避免对象中的引用类型的属性共享的问题。浅拷贝是对对象或数组进行浅层复制，只复制对象的一层属性，当复制的对象中有引用类型的属性时，复制出来的对象和原对象会共享引用类型的属性。通过展开一个对象，可以将其属性复制到新的对象中。总之，在前端开发中，深拷贝是非常常见的场景，可以帮助我们处理复杂的数据结构，并保持代码的稳定性和可维护性。
js深浅拷贝
狼道的博客
01-08 314
讲到深浅拷贝，涉及到JavaScript的数据类型。js中的数据类型分为基础型和引用型。基础型存储在栈中，引用类型存储在堆中。 基础类型并没有深浅拷贝之说，这里所说的深浅拷贝针对的是引用类型数据而言（牢牢记住这句）。 通俗点讲，区分深/浅拷贝，就是假设B复制了A，当修改A时，如果B也跟着变了，说明这是浅拷贝，如果B没变，那就是深拷贝。 for..in循环遍历所有可枚举的属性的键，包括继承来的...
JavaScript深浅拷贝区别
Sfh的博客
07-05 3587
分享一篇自己关注的微信订阅号（前端大全）文章：JavaScript浅拷贝与深拷贝 作者：浪里行舟 https://github.com/ljianshu/Blog/issues/5 这里很详细的讲解了深浅拷贝的原理，个人觉得讲的比较不错，放上来留个笔记，下面是拷贝过来的内容： 一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的
JS深拷贝与浅拷贝
weixin_50313248的博客
06-06 577
1.基本概念 (1)深拷贝和浅拷贝针对的是引用类型。基本类型的名值存储在栈中，当复制时，栈内存会开辟一个栈内存。所以二者修改时，彼此不会影响。 (2)浅拷贝复制的是指向对象的指针，并没有开辟新的栈内存，原对象和新对象还是共享同一块内存，修改新对象自然会影响原对象。 深拷贝会开辟新的栈内存，原对象和新对象不共享同一块内存，修改新对象不会影响到原对象。 2.实现方式 2.1深拷贝的实现方式 2.1.1 JSON.parse(JSON.stringify()) 说明： 1.用JSON.str
JS 手写深拷贝
weixin_43736435的博客
05-02 272
var oldObj = { name: '范德彪', age: '43', designation: ['水库浪子','彪记靓汤总经理','彪哥解梦馆'], relationship: { jiefu: '马大帅', girl: '桂英', } } function deepClone(obj) { if(typeof obj !== 'object' || obj == null){ return obj; } let result = unde
1.深浅拷贝.pptx
09-22
深浅拷贝是 JavaScript 中一种常用的数据拷贝方式，分为浅拷贝和深拷贝两种。浅拷贝是指复制对象的引用，而不是复制对象本身，而深拷贝是指完全复制对象。 浅拷贝 浅拷贝是指复制对象的引用，而不是复制对象本身。...
js中的深浅拷贝问题简析
10-17
主要给大家介绍了关于js中的深浅拷贝问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
10-18
在JavaScript中，浅拷贝和深拷贝是处理引用类型数据时的重要概念。这两种拷贝方式主要区别在于复制对象的方式以及是否保留原始对象与新对象之间的关联性。 浅拷贝，顾名思义，仅仅复制对象的引用，而不是创建一个...
详细分析JavaScript中的深浅拷贝
01-18
在说JS中深浅拷贝之前，我们需要对JS中的数据类型有所了解，分为基本数据类型与引用数据类型，对于基本数据类型并没有深浅拷贝的说法，深浅拷贝主要针对引用数据类型。 一、浅拷贝 浅拷贝只复制了引用，并没有复制...
【JavaScript 报错】未捕获的URI错误：Uncaught URIError
Allen-
07-11 665
Uncaught URIError 是JavaScript中常见的一种错误，通常发生在全局URI处理函数（如 decodeURIComponent、encodeURIComponent）使用不当时。本文将详细介绍 Uncaught URIError 错误的常见原因及其解决方案。
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 294
原生WebSocket： new WebSocket。
ReactRouter v6升级的步骤
最新发布
feixin369的博客
07-14 187
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
一个使用Go语言和现代Web技术构建跨平台桌面应用程序开源项目
yunmoon的博客
07-10 1051
Wails作为一个桥梁，连接强大的Go后端逻辑与丰富的Web前端界面，允许开发者利用两者的最佳特性来开发应用。
商品详情使用富文本编辑器
m0_74356429的博客
07-13 119
2、因为好多页面都需要用到，封装富文本编辑器组件。3、在商品编辑和商品添加页面添加富文本编辑器。Editor.vue代码。
javascript的高级用法(循环实现数组map方法)
阿乐的博客
07-13 225
值得一提的是，map的第二个参数就是第一个参数回调中的这个点。如果第一个参数是箭头函数，则设置第二个 this 将无效，因为箭头函数的词法绑定。另一个是稀疏数组的处理，HasOwnProperty 用于判断当前下标的元素是否存在于数组中，欢迎大家在评论区交流。使用方法：将selfMap注入到Array.prototype中（下面数组的迭代方法也是如此）
Webkit简介以及工作流程
读心悦
07-10 324
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
在项目中，如何使用springboot+vue+springsecurity+redis缓存+Axios+MySQL数据库+mybatis
huanghm88的专栏
07-11 683
在Spring Boot中，可以使用Spring Data JPA和MyBatis来配置MySQL数据库。在Vue项目中，可以创建一个config.js文件来配置后端的API地址，然后在需要发送请求的地方使用Axios发送请求。根据业务需求，在Spring Boot中编写相应的接口和服务层代码，包括数据访问、业务逻辑等。在Vue中，可以使用Axios发送HTTP请求，并将响应的数据展示在前端页面上。分别启动后端的Spring Boot应用和前端的Vue应用，访问前端页面，就可以看到与后端进行通信的效果。
ES13的4个改革性新特性
https://shixuebin.gitee.io/hexo-blog/
07-10 92
在 ES13 之前，类字段只能在构造函数中声明， ES13 消除了这个限制
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 198
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
JavaScript 深浅拷贝?
04-27
深拷贝和浅拷贝是 JavaScript 中常用的两种对象复制方法。 浅拷贝只会复制对象的一层属性，如果对象的属性值是一个引用类型，那么只会复制这个引用，两个对象会共享同一个引用类型的属性。常见的浅拷贝方法有 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值