当前位置: 首页 > news >正文

如何根据枚举值,快速方便显示对应枚举含义 js

如何根据枚举值,显示对应枚举含义 js

 function arrChangeObj(array) {//数组let object = array.reduce((obj, item) => {obj[item.value.toString()] = item.label;//value是枚举值,label是对应含义,根据自己所设置的字段去修改return obj;}, {});return object;}//列子let list= [{key: "fileName",name: "文件名",},{key: "fileStoreType",name: "文件存储类型",},{key: "fileSize",name: "文件大小",},{key: "filePath",name: "文件路径",},{key: "fileFormat",name: "文件格式",},{key: "startTime",name: "创建时间",},{key: "endTime",name: "最后更新时间",},{key: "areaRangeId",name: "区域范围ID",},{key: "areaRangeName",name: "区域范围名",}]function arrChangeObj(array) {//数组let object = array.reduce((obj, item) => {obj[item.key.toString()] = item.name;return obj;}, {});return object;}arrChangeObj(list)["areaRangeName"]//区域范围名arrChangeObj(list)["fileStoreType"]//文件存储类型arrChangeObj(list)["fileFormat"]//文件格式arrChangeObj(list)["endTime"]//最后更新时间

总结:常用于后端返回的枚举值,前端传的也是枚举值,但是要根据含义去显示给用户,如果用三元表达式也是可以的,但是如果枚举的值很多,会很麻烦。
还有一个好处,用得到枚举的,大部分新增或者筛选的时候也会用到列如list这样的数组,增删修改都会统一变化,放到全局更好。

http://www.dtcms.com/a/317100.html

相关文章:

  • 大疆无人机连接Jetson主板
  • hive专题面试总结2
  • 疯狂星期四文案网第31天运营日记
  • GitHub Spark公共预览版上线
  • Sourcetree GIT 可视化工具安装全攻略
  • Maven补充
  • 【Linux内核系列】:信号(上)
  • HTML应用指南:利用GET请求获取全国OPPO官方授权体验店门店位置信息
  • nflsoi 8.6 题解
  • 【JavaEE】(8) 网络原理 HTTP/HTTPS
  • 使用MatterJs物理2D引擎实现重力和鼠标交互等功能,有点击事件(盒子堆叠效果)
  • GaussDB 数据库架构师修炼(六)-3 集群工具管理-主备倒换
  • CentOS7中Docker的安装与卸载
  • 8.6 CSS3rem布局
  • 聊一聊RPC接口测试工具及方法
  • 基于串口实现可扩展的硬件函数 RPC 框架(附完整 Verilog 源码)
  • 【第5话:相机模型1】针孔相机、鱼眼相机模型的介绍及其在自动驾驶中的作用及使用方法
  • 【计算机网络】王道考研笔记整理(3)数据链路层
  • 自己本地搭建的服务器怎么接公网?公网IP直连服务器方法,和只有内网IP直接映射到互联网
  • STM32 外设驱动模块二:蜂鸣器模块
  • 工控机 vs 服务器:核心区别与应用场景深度解析
  • 支持多网络协议的测试工具(postman被无视版)
  • Cortex-M MCU分散加载文件与链接文件关系
  • WebSocket 通信与 WebSocketpp 库使用指南
  • 哈尔滨云前沿-关于物理服务器
  • 计算机网络:一个 IP 地址可以同时属于 A 类、B 类或 C 类吗?
  • Anthropic MCP架构深度解析:下一代AI工具集成协议的设计哲学
  • 乱码原因、解决
  • SSL/TLS协议深度解析
  • Agent安全机制:权限控制与风险防范