如何根据枚举值,快速方便显示对应枚举含义 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这样的数组,增删修改都会统一变化,放到全局更好。