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 的键目前是有序的，但并不总是这样，而且这个顺序是复杂的 |
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue3中的响应式原理-effect，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
本篇文章主要介绍了详解vue 中使用 AJAX获取数据的方法，在VUE开发时，数据可以使用jquery和vue-resource来获取数据，有兴趣的可以了解一下。2017-01-01
这篇文章给大家介绍了Vue3监听store中数据变化的三种方法,使用watch和storeToRefs函数,使用计算属性computed和使用watchEffect函数这三种方法,文中通过代码讲解非常详细,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了vue如何通过事件的形式调用全局组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
文章详细介绍了HTML5 Canvas的模板区、样式区和脚本区的使用方法,包括如何设置Canvas的宽高、水平居中、获取Canvas元素、绘制图形（直线、矩形、圆、文字）、转换为Base64、下载图片以及加载图片并添加文字水印等操作2025-10-10
这篇文章主要介绍了ejsExcel模板在Vue.js项目中的实际运用,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
uni-app是一款基于Vue.js的跨平台开发框架，它借助了 Vue.js 的语法和组件化开发思想，本文将详细介绍 uni-app 的全局配置、静态资源管理、路由管理以及数据通信和状态管理的进阶使用技巧,需要的朋友可以参考下2023-06-06
ElementUI 是一套ui组件库，目前最新版本 react 和 vue 等主流框架都有支持。该库默认主题色是天蓝色，若用于项目开发，难免遇到要需求修改其默认样式的情况，这篇文章主要介绍了ElementUI如何修改el-cascader的默认样式,需要的朋友可以参考下2023-12-12
这篇文章主要给大家介绍了关于通过vue.extend实现消息提示弹框的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要介绍了Vue组件间数据传递的方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
最新评论