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