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獲取對應的key，搜了下相關的文章比較少，在此記錄下。
測試數(shù)據(jù)
paramsMap: {
orderType: {
'0': '咨詢',
'1': '投訴',
'2': '舉報',
'3': '建議',
'4': '求助',
'5': '表揚',
},
subjectType: {
'LB': '勞保',
'XW': '消委',
'GA': '公安',
'GT': '國土',
'CG': '城管',
'GJJ': '公積金',
'ZH': '綜合',
},
},假設頁面用到兩個類型的字典值，我們使用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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Javascript實現(xiàn)從小到大的數(shù)組轉(zhuǎn)換成二叉搜索樹
這篇文章主要介紹了Javascript實現(xiàn)從小到大的數(shù)組轉(zhuǎn)換成二叉搜索樹的相關資料,需要的朋友可以參考下2017-06-06
下面小編就為大家分享一篇webpack 單獨打包指定JS文件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了js實現(xiàn)簡單隨機抽獎的方法,涉及字符串的操作、setInterval定時調(diào)用等技巧,需要的朋友可以參考下2015-01-01
基于 Bootstrap Datetimepicker 聯(lián)動
這篇文章主要介紹了基于bootstrap datetimepicker 聯(lián)動效果,需要的朋友可以參考下2017-08-08
如何使用json在前后臺進行數(shù)據(jù)傳輸實例介紹
需要把這些輸入寫入數(shù)據(jù)庫，這里就用到json傳入，先看一下后臺如何生成要傳輸?shù)臄?shù)據(jù)，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04
JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場景詳解
這篇文章主要為大家介紹了JavaScript中Set和Map數(shù)據(jù)結(jié)構(gòu)使用場景詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了javascript多物體運動實現(xiàn)方法,結(jié)合實例形式分析了JavaScript多物體運動的相關注意事項與具體實現(xiàn)代碼,包含四個div塊的橫向、豎向移動,顏色與邊框漸變效果,需要的朋友可以參考下2016-01-01
下面小編就為大家?guī)硪黄钊肜斫鈐s數(shù)組的sort排序。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
CSV文件是一種廣泛應用于數(shù)據(jù)存儲和交換的格式,本文將通過專業(yè)且通俗易懂的方式為大家介紹如何利用JavaScript高效地操作CSV文件,有需要的可以參考下2024-11-11
JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法
這篇文章主要介紹了JavaScript實現(xiàn)將xml轉(zhuǎn)換成html table表格的方法,實例分析了javascript操作XML文件與table表格的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04