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