vue3+ts使用Map内置对象方式
更新时间：2025年11月03日 09:17:51 作者：好vegetable
文章介绍了JavaScript中的Map对象及其相关方法,包括设置和获取值、判断键是否存在、清空Map、删除指定元素和使用forEach方法遍历,此外,文章还对比了Map和对象在键类型和顺序上的区别
vue3+ts使用Map内置对象
map：
Map 对象保存键值对，并且能够记住键的原始插入顺序
const stateMap:Map<SUPPLIER_IDENTIFICATION_ENUM, boolean>(做类型限制) = new Map();
map的相关方法
- a. 对应的去设置stateMap.set(key,value) 的值和获取stateMap.get(key)的值；
- b. 使用stateMap.has判断是否含有某个值
- c.
clear()方法会移除Map对象中的所有元素。 - e.
delete(key)方法用于移除Map对象中指定的元素。 - f . forEach() 方法按照插入顺序依次对 Map 中每个键/值对执行一次给定的函数
map与对象的区别
| Map | Object | |
|---|---|---|
| 键的类型 | 一个Map的键可以是任何的类型，包括函数和对象 | 一个 Object 的键必须是一个 String 或是 Symbol |
| 键的顺序 | Map 中的 key 是有序的 | 虽然 Object 的键目前是有序的，但并不总是这样，而且这个顺序是复杂的 |
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在 Vue 中动态实现进度条,基本上有两种常见的方法：直接通过 Vue 数据绑定控制样式,或者利用外部库来实现更复杂的功能,我们会深入探讨这两种方式,并且详细说明每种方法的实现步骤、优缺点以及使用场景,需要的朋友可以参考下2025-07-07
本文主要介绍了vue项目中路由懒加载的三种方式,主要包括vue异步组件,组件懒加载,webpack的require.ensure(),具有一定的参考价值,感兴趣的可以了解一下2024-01-01
这篇文章主要介绍了vue单页缓存方案分析及实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
vue3使用iframe嵌入ureport2设计器,解决预览时NullPointerException异常问题
这篇文章主要介绍了vue3使用iframe嵌入ureport2设计器,解决预览时NullPointerException异常问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vuex刷新页面后如何解决丢失store的数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
解决Vue + Echarts 使用markLine标线(precision精度问题)
这篇文章主要介绍了解决Vue + Echarts 使用markLine标线(precision精度问题)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要给大家介绍了关于Vue开发实践指南之应用入口的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-01-01
本篇文章主要介绍了详解给Vue2路由导航钩子和axios拦截器做个封装，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了Echarts 如何实现一张图现切换不同的X轴,通过动图给大家展示效果，实例代码相结合给大家介绍的非常详细，需要的朋友可以参考下2021-11-11
这篇文章主要介绍了vue项目中禁用浏览器缓存配置案例,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
最新评论