Vue 3 高阶指南之 Map

于 2020-10-27 19:35:57 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： Vue3 + TS 进阶之路 文章标签： js java python javascript vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/109324261
版权
本文是Vue 3高阶指南系列，详细介绍了Map的数据结构，包括Map的属性、方法、如何使用NaN作为key，以及如何迭代Map，探讨了Map与数组的关系、复制、合并及删除操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

高阶指南

在进入 Vue 3 组合 API，深入响应式之前，我们需要搞懂 ES6 出现的几个 API，其中包含以下几个

  • map

  • weakMap

  • set

  • weakSet

  • proxy

  • reflect

如果不知道的小伙伴，可以自行到 MDN 进行查阅。

Map

简单来说就是用于保存键值对对象，能够记住键的原始插入顺序，对于 key 来说，任何值都可以作为一个 key，或者 value。

我们都知道，Map 是一个构造函数，也就是传统的面向对象编程的类的概念，所以可以通过以下方式来创建 map 实例:

new Map()

属性

Map.length
了解本专栏 订阅专栏 解锁全文 超级会员免费看
博客
最近用到的几个github项目
07-04 4514
rtmp-server
博客
人工智能学习资料
07-02 3785
trekhleb/homemade-machine-learning
博客
外包众包接单方法
07-01 8079
笔者从事软件开发工作已有十多年了，经常利用业余时间接些私活，现在把自己接单的方法总结一下，分享出来，供大家参考交流。        首先说明一下外包和众包的区别，简单的讲，外包是将项目承包给外包公司，由外包公司的程序员进行开发；而众包是将项目承包给多个独立的开发者，他们不隶属于任何公司，用自己的业余时间接私活，进行开发。    &nb...
博客
总结VUE几种页面刷新方法
06-11 4604
总结VUE几种页面刷新方法
博客
工作总结-1
05-29 3423
JavaScript 使用 mediaDevices API 选择摄像头
博客
最近正在重构之前开发过的记账本(新增了很多内容，欢迎star)
05-18 3174
最近正在重构之前开发过的记账本，之前做得太烂了，现在想重新使用重构一般移动端的记账本，加入了新的功能，主要技术站为webapp vue.js 后端php，可能原生写。 也可能使用框架写。 也可能使用 node.js写。 也可能使用go语言写。 也可能使用java写小程序版本app安卓版本，还有可能使用IOS版本码云地址...
博客
v8worker
05-08 2931
博客
学习秘籍
05-06 2915
博客
这个月的计划
05-02 2961
每天花多半小时学习理财知识每天学习图解算法（争取每个算法都给搞懂，不要囫囵吞枣）每天学习一点后端知识，工作中努力学习前端，以及关于linux的知识（由于公司是linux下开发，争取把这方面的基础东西掌握）不管怎么样，都要运动现在主攻的方向是前端+nodejs，未来的目标 golang，刚好公司有搞安卓这块，有这个机会接触这方面的东西。加油，加油...
博客
工作总结
04-17 5127
总结：JavaScript异步、事件循环与消息队列、微任务与宏任务图解JS执行机制HTTP1.0、HTTP1.1 和 HTTP2.0 的区别
博客
未来的目标
03-28 2732
我希望我可以去学习我习惯的钢琴，（虽然我更喜欢吉他，但是由于自己的手指断过，但是从未厌恶这些乐器）每次听到beyond的吉他声，就是特别的激动。希望可以买一把摄影机，走遍各地加油，我可以的...
博客
JavaScript 使用 mediaDevices API 选择摄像头
03-08 3212
https://www.zcfy.cc/article/choosing-cameras-in-javascript-with-the-mediadevices-api
博客
vscode断点调试js代码的设置
03-08 5226
VSCode 上装插件：Debugger for Chromectrl+shift+p 选择Extensions:install Extensions，选择Debugger for Chrome，installing，然后reload修改launch.json{ // Use IntelliSense to learn about possible attributes....
博客
使用代理解决跨域问题的原理
03-08 3367
为了安全着想浏览器会设置同源安全策略即不在同一个域名下的资源就不能够互相访问要解决这个问题方法有很多 ，但大致分为两类：1 是服务端进行设置默认允许某些域名跨域访问2 从客户端入手想办法绕开同源安全策略主要介绍从客户端入手，用代理的方式实现跨域访问的原理举个栗子：用node起了一个localhost:8080的服务器那么在这个服务器下访问的网页也就是默认在8080这个域下面假设服...
博客
js系列十七：纯函数
03-07 2716
相同的输入总会得到相同的输出，并且不会产生副作用的函数，就是纯函数。我们可以通过一个是否改变原始数据的两个同样功能的方法来区别纯函数和非纯函数。我们期待封装一个函数，能够获取传入数组的最后一项。那么可以通过一下两种方式function getLast(arr){ return arr[arr.length];}function getLast_(arr){ return arr.p...
博客
js系列十七：函数是一等公民
03-07 2907
所谓的一等公民，其实就是普通函数，也就是说，函数其实就是没有什么特殊的，我们可以像对待其他数据类型一样对待函数。1 可以把函数赋值给一个变量 var fn = function () {};2 `也可以把函数存在数组里面 function fn(callback){ var a = 20; return callback(20,30) + a; } func...
博客
vscode如何配置调试程序（debugger for chrome）
03-07 5341
Debugger for Chrome这个插件是直接在vscode里面进行调试js文件，跟谷歌的控制台是一样的功能，下载了它就不用打开浏览器的控制台就能进行打断点。首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置配置步骤如图:图中配置字段信息解释如下：version : 你定义这个配置文件的版本，生成的时候默认是0.2.0configuration：配置域name：配置文件的名...
博客
30-seconds-of-code（持续更新学习中）
03-03 3566
30秒理解一段小小的代码段30-seconds-of-code使用 npm 安装 30-seconds-of-codenpm install 30-seconds-of-code使用 yarn 安装 30-seconds-of-codeyarn add 30-seconds-of-code浏览器引入Browser<script src="https://unpkg.co...
博客
js系列十二：this对象
03-02 2100
前面我们已经讲过，当函数被调用执行时，变量对象会生成，这个时候，this 的指向会确定。因此首先要牢记一个重要的结论，当前函数的 this 是在函数被调用执行时才会确定的。如果当前的执行上下文处于函数调用栈的栈顶，那么这个时候变量对象会变成活动对象，同时 this 的指向确定。正是由于这个原因，才导致一个函数内部的 this 到底指向谁是非常灵活并且不确定的，这也是 this 难以被正真理解的原...
博客
js系列十一：在chrome开发者工具中观察函数调用栈，作用域与闭包
02-26 3172
1 基础概念的回顾函数在被调用执行时，会创建一个当前函数的执行上下文，在该执行上下文的创建阶段，变量对象，作用域链，闭包，this 会分别确认，而一个程序中一般来说会有多个函数执行，因此执行引擎会使用函数调用栈来管理这些函数的执行顺序。函数调用栈的执行顺序与栈数据结构一致。2 认识断点调试工具浏览器右上角竖着的三点 -> 更多工具 -> 开发者工具 -> Sources...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值