JS代碼如何獲取map的key
更新時(shí)間：2022年08月24日 08:35:26 作者：星星是我
這篇文章主要介紹了JS代碼如何獲取map的key，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
JS獲取map的key
Object.keys(map) //獲取回來(lái)集合大家可以試一下
JS map根據(jù)value獲取key
前端通過(guò)對(duì)象保存字典值用于列表字段翻譯或者加載下拉框都是很常見(jiàn)的操作，有時(shí)也會(huì)需要根據(jù)字典值的value獲取對(duì)應(yīng)的key，搜了下相關(guān)的文章比較少，在此記錄下。
測(cè)試數(shù)據(jù)
paramsMap: {
orderType: {
'0': '咨詢',
'1': '投訴',
'2': '舉報(bào)',
'3': '建議',
'4': '求助',
'5': '表?yè)P(yáng)',
},
subjectType: {
'LB': '勞保',
'XW': '消委',
'GA': '公安',
'GT': '國(guó)土',
'CG': '城管',
'GJJ': '公積金',
'ZH': '綜合',
},
},假設(shè)頁(yè)面用到兩個(gè)類(lèi)型的字典值，我們使用paramsMap對(duì)象保存。(正常使用可以調(diào)用接口加載)
根據(jù)key獲取value
getParamValue(paramType, code) {
if (!Object.prototype.hasOwnProperty.call(this.paramsMap, paramType)) {
return '參數(shù)類(lèi)型錯(cuò)誤';
}
return this.paramsMap[paramType][code];
},調(diào)用時(shí)指定參數(shù)類(lèi)型
this.getParamValue('orderType', '1');
根據(jù)value獲取key
getParamCode(paramType, value, compare = (a, b) => a === b) {
if (!Object.prototype.hasOwnProperty.call(this.paramsMap, paramType)) {
return '參數(shù)類(lèi)型錯(cuò)誤';
}
return Object.keys(this.paramsMap[paramType]).find(k => compare(this.paramsMap[paramType][k], value))
}
this.getParamCode('subjectType', '公安');
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在本篇文章里小編給大家整理了關(guān)于Java Varargs 可變參數(shù)使用以及相關(guān)知識(shí)點(diǎn)，需要的朋友們參考下。2020-01-01
目前在做window.onerror時(shí)上報(bào)js錯(cuò)誤信息的事，整理下相關(guān)資料,需要的朋友可以參考下2016-01-01
JavaScript實(shí)現(xiàn)前端飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端飛機(jī)大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript中數(shù)組隨機(jī)排序的實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript中數(shù)組隨機(jī)排序的實(shí)現(xiàn)，主要是利用原地算法和sort/shuffle算法，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-11-11
純js寫(xiě)的分頁(yè)表格數(shù)據(jù)為json串
這篇文章主要介紹了純js寫(xiě)的分頁(yè)，表格數(shù)據(jù)為json串,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)錨點(diǎn)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
javascript Excel操作知識(shí)點(diǎn)
使用JavaScript中的ActiveXObject填充并設(shè)置Excel格式2009-04-04
用原生JS對(duì)AJAX做簡(jiǎn)單封裝的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇用原生JS對(duì)AJAX做簡(jiǎn)單封裝的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了bootstrap select下拉搜索插件的使用方法，動(dòng)態(tài)加載自己數(shù)據(jù)的二級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之wxs使用教程的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05