JS代码如何获取map的key

 更新时间:2022年08月24日 08:35:26   作者:星星是我  
这篇文章主要介绍了JS代码如何获取map的key,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

JS获取map的key

Object.keys(map)
//获取回来集合大家可以试一下

JS map根据value获取key

前端通过对象保存字典值用于列表字段翻译或者加载下拉框都是很常见的操作,有时也会需要根据字典值的value获取对应的key,搜了下相关的文章比较少,在此记录下。

测试数据

paramsMap: {
  orderType: {
    '0': '咨询',
    '1': '投诉',
    '2': '举报',
    '3': '建议',
    '4': '求助',
    '5': '表扬',
  },
  subjectType: {
    'LB': '劳保',
    'XW': '消委',
    'GA': '公安',
    'GT': '国土',
    'CG': '城管',
    'GJJ': '公积金',
    'ZH': '综合',
  },
},

假设页面用到两个类型的字典值,我们使用paramsMap对象保存。(正常使用可以调用接口加载)

根据key获取value

getParamValue(paramType, code) {
  if (!Object.prototype.hasOwnProperty.call(this.paramsMap, paramType)) {
    return '参数类型错误';
  }
  return this.paramsMap[paramType][code];
},

调用时指定参数类型

this.getParamValue('orderType', '1');

根据value获取key

getParamCode(paramType, value, compare = (a, b) => a === b) {
  if (!Object.prototype.hasOwnProperty.call(this.paramsMap, paramType)) {
    return '参数类型错误';
  }
  return Object.keys(this.paramsMap[paramType]).find(k => compare(this.paramsMap[paramType][k], value))
}
this.getParamCode('subjectType', '公安');

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Javascript实现从小到大的数组转换成二叉搜索树

    Javascript实现从小到大的数组转换成二叉搜索树

    这篇文章主要介绍了Javascript实现从小到大的数组转换成二叉搜索树的相关资料,需要的朋友可以参考下
    2017-06-06
  • webpack 单独打包指定JS文件的方法

    webpack 单独打包指定JS文件的方法

    下面小编就为大家分享一篇webpack 单独打包指定JS文件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • js实现简单随机抽奖的方法

    js实现简单随机抽奖的方法

    这篇文章主要介绍了js实现简单随机抽奖的方法,涉及字符串的操作、setInterval定时调用等技巧,需要的朋友可以参考下
    2015-01-01
  • 基于 Bootstrap Datetimepicker 联动

    基于 Bootstrap Datetimepicker 联动

    这篇文章主要介绍了基于bootstrap datetimepicker 联动效果,需要的朋友可以参考下
    2017-08-08
  • 如何使用json在前后台进行数据传输实例介绍

    如何使用json在前后台进行数据传输实例介绍

    需要把这些输入写入数据库,这里就用到json传入,先看一下后台如何生成要传输的数据,感兴趣的朋友可以参考下,希望可以帮助到你
    2013-04-04
  • JavaScript中Set和Map数据结构使用场景详解

    JavaScript中Set和Map数据结构使用场景详解

    这篇文章主要为大家介绍了JavaScript中Set和Map数据结构使用场景详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • javascript多物体运动实现方法分析

    javascript多物体运动实现方法分析

    这篇文章主要介绍了javascript多物体运动实现方法,结合实例形式分析了JavaScript多物体运动的相关注意事项与具体实现代码,包含四个div块的横向、竖向移动,颜色与边框渐变效果,需要的朋友可以参考下
    2016-01-01
  • 深入理解js数组的sort排序

    深入理解js数组的sort排序

    下面小编就为大家带来一篇深入理解js数组的sort排序。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 使用JavaScript进行高效处理CSV文件

    使用JavaScript进行高效处理CSV文件

    CSV文件是一种广泛应用于数据存储和交换的格式,本文将通过专业且通俗易懂的方式为大家介绍如何利用JavaScript高效地操作CSV文件,有需要的可以参考下
    2024-11-11
  • JavaScript实现将xml转换成html table表格的方法

    JavaScript实现将xml转换成html table表格的方法

    这篇文章主要介绍了JavaScript实现将xml转换成html table表格的方法,实例分析了javascript操作XML文件与table表格的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04

最新评论