vue3+ts使用Map內(nèi)置對象方式
更新時(shí)間：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判斷是否含有某個(gè)值
- c.
clear()方法會移除Map對象中的所有元素。 - e.
delete(key)方法用于移除Map對象中指定的元素。 - f . forEach() 方法按照插入順序依次對 Map 中每個(gè)鍵/值對執(zhí)行一次給定的函數(shù)
map與對象的區(qū)別
| Map | Object | |
|---|---|---|
| 鍵的類型 | 一個(gè)Map的鍵可以是任何的類型，包括函數(shù)和對象 | 一個(gè) Object 的鍵必須是一個(gè) String 或是 Symbol |
| 鍵的順序 | Map 中的 key 是有序的 | 雖然 Object 的鍵目前是有序的，但并不總是這樣，而且這個(gè)順序是復(fù)雜的 |
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue動態(tài)實(shí)現(xiàn)進(jìn)度條的兩種方式
在 Vue 中動態(tài)實(shí)現(xiàn)進(jìn)度條,基本上有兩種常見的方法：直接通過 Vue 數(shù)據(jù)綁定控制樣式,或者利用外部庫來實(shí)現(xiàn)更復(fù)雜的功能,我們會深入探討這兩種方式,并且詳細(xì)說明每種方法的實(shí)現(xiàn)步驟、優(yōu)缺點(diǎn)以及使用場景,需要的朋友可以參考下2025-07-07
本文主要介紹了vue項(xiàng)目中路由懶加載的三種方式,主要包括vue異步組件,組件懶加載,webpack的require.ensure(),具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
這篇文章主要介紹了vue單頁緩存方案分析及實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
vue3使用iframe嵌入ureport2設(shè)計(jì)器,解決預(yù)覽時(shí)NullPointerException異常問題
這篇文章主要介紹了vue3使用iframe嵌入ureport2設(shè)計(jì)器,解決預(yù)覽時(shí)NullPointerException異常問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題
這篇文章主要介紹了vuex刷新頁面后如何解決丟失store的數(shù)據(jù)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
解決Vue + Echarts 使用markLine標(biāo)線(precision精度問題)
這篇文章主要介紹了解決Vue + Echarts 使用markLine標(biāo)線(precision精度問題)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要給大家介紹了關(guān)于Vue開發(fā)實(shí)踐指南之應(yīng)用入口的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
詳解給Vue2路由導(dǎo)航鉤子和axios攔截器做個(gè)封裝
本篇文章主要介紹了詳解給Vue2路由導(dǎo)航鉤子和axios攔截器做個(gè)封裝，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
Echarts實(shí)現(xiàn)一張圖現(xiàn)切換不同的X軸(實(shí)例代碼)
這篇文章主要介紹了Echarts 如何實(shí)現(xiàn)一張圖現(xiàn)切換不同的X軸,通過動圖給大家展示效果，實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì)，需要的朋友可以參考下2021-11-11
這篇文章主要介紹了vue項(xiàng)目中禁用瀏覽器緩存配置案例,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09