您现在的位置是:网站首页> 编程资料编程资料
JS代码如何获取map的key_javascript技巧_
2023-05-24
293人已围观
简介 JS代码如何获取map的key_javascript技巧_
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', '公安'); 
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- Node.js原理阻塞和EventEmitter及其继承的运用实战_node.js_
- react实现动态表单_React_
- Element UI table参数中的selectable的使用及遇到坑_vue.js_
- 微信小程序全屏滚动字幕的实现方法详解_javascript技巧_
- react编写可编辑标题示例详解_React_
- el-table点击某一行高亮并显示小圆点的实现代码_vue.js_
- 微信小程序uploadFile接口实现文件上传_javascript技巧_
- react实现动态选择框_React_
- TypeScript 的条件类型使用示例详解_JavaScript_
- vue 数组添加数据方式_vue.js_
