vue3+ts使用Map內(nèi)置對象方式
更新時間：2025年11月03日 09:17:51 作者：好vegetable
文章介紹了JavaScript中的Map對象及其相關(guān)方法,包括設(shè)置和獲取值、判斷鍵是否存在、清空Map、刪除指定元素和使用forEach方法遍歷,此外,文章還對比了Map和對象在鍵類型和順序上的區(qū)別
vue3+ts使用Map內(nèi)置對象
map：
Map 對象保存鍵值對，并且能夠記住鍵的原始插入順序
const stateMap:Map<SUPPLIER_IDENTIFICATION_ENUM, boolean>(做類型限制) = new Map();
map的相關(guān)方法
- a. 對應(yīng)的去設(shè)置stateMap.set(key,value) 的值和獲取stateMap.get(key)的值；
- b. 使用stateMap.has判斷是否含有某個值
- c.
clear()方法會移除Map對象中的所有元素。 - e.
delete(key)方法用于移除Map對象中指定的元素。 - f . forEach() 方法按照插入順序依次對 Map 中每個鍵/值對執(zhí)行一次給定的函數(shù)
map與對象的區(qū)別
| Map | Object | |
|---|---|---|
| 鍵的類型 | 一個Map的鍵可以是任何的類型，包括函數(shù)和對象 | 一個 Object 的鍵必須是一個 String 或是 Symbol |
| 鍵的順序 | Map 中的 key 是有序的 | 雖然 Object 的鍵目前是有序的，但并不總是這樣，而且這個順序是復(fù)雜的 |
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue3中的響應(yīng)式原理-effect，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
詳解vue 中使用 AJAX獲取數(shù)據(jù)的方法
本篇文章主要介紹了詳解vue 中使用 AJAX獲取數(shù)據(jù)的方法，在VUE開發(fā)時，數(shù)據(jù)可以使用jquery和vue-resource來獲取數(shù)據(jù)，有興趣的可以了解一下。2017-01-01
Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方式
這篇文章給大家介紹了Vue3監(jiān)聽store中數(shù)據(jù)變化的三種方法,使用watch和storeToRefs函數(shù),使用計算屬性computed和使用watchEffect函數(shù)這三種方法,文中通過代碼講解非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要介紹了vue如何通過事件的形式調(diào)用全局組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
文章詳細(xì)介紹了HTML5 Canvas的模板區(qū)、樣式區(qū)和腳本區(qū)的使用方法,包括如何設(shè)置Canvas的寬高、水平居中、獲取Canvas元素、繪制圖形（直線、矩形、圓、文字）、轉(zhuǎn)換為Base64、下載圖片以及加載圖片并添加文字水印等操作2025-10-10
這篇文章主要介紹了ejsExcel模板在Vue.js項目中的實際運用,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
uni-app是一款基于Vue.js的跨平臺開發(fā)框架，它借助了 Vue.js 的語法和組件化開發(fā)思想，本文將詳細(xì)介紹 uni-app 的全局配置、靜態(tài)資源管理、路由管理以及數(shù)據(jù)通信和狀態(tài)管理的進階使用技巧,需要的朋友可以參考下2023-06-06
ElementUI如何修改el-cascader的默認(rèn)樣式
ElementUI 是一套ui組件庫，目前最新版本 react 和 vue 等主流框架都有支持。該庫默認(rèn)主題色是天藍色，若用于項目開發(fā)，難免遇到要需求修改其默認(rèn)樣式的情況，這篇文章主要介紹了ElementUI如何修改el-cascader的默認(rèn)樣式,需要的朋友可以參考下2023-12-12
通過vue.extend實現(xiàn)消息提示彈框的方法記錄
這篇文章主要給大家介紹了關(guān)于通過vue.extend實現(xiàn)消息提示彈框的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了Vue組件間數(shù)據(jù)傳遞的方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07