JS枚举库封装管理

YangTX_

已于 2023-05-07 09:57:08 修改

阅读量137

点赞数

分类专栏：前端-js 文章标签： javascript 前端开发语言

于 2023-05-07 09:12:39 首次发布

本文链接：https://blog.csdn.net/YangTX_/article/details/130539031

版权

前端-js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS枚举库封装

暂只封装了自己常用的场景，可自行增加

class Enum {
  constructor() {
    this.enum = {
      "TASK_STATUS": {
        "INCOMPLETE": {
          "value": 0,
          "title": '待办'
        },
        "INPROCESS": {
          "value": 1,
          "title": '处理中'
        },
        "COMPLETE": {
          "value": 2,
          "title": '已完结'
        },
      }
    }
  }

  /** 返回对象形式枚举
   * @param {String} enumKey
   */
  getEnumItemObject(enumKey) {
    return this.enum[enumKey] || {}
  }

  /** 返回数组形式枚举
   * @param {String} enumKey
   */
  getEnumItemList(enumKey) {
    return this.enum[enumKey] ? Object.values(this.enum[enumKey]) : []
  }

  /** 根据枚举子项 key 查询
   * @param {String} enumKey
   * @param {String} enumChildKey
   */
  getChildItemByKey(enumKey, enumChildKey) {
    return this.enum[enumKey]?.[enumChildKey] || {}
  }

  /** 根据枚举子项 key 查询 value
   * @param {String} enumKey
   * @param {String} enumChildKey
   */
  getChildItemValueByKey(enumKey, enumChildKey) {
    return this.getChildItemByKey(enumKey, enumChildKey).value
  }

  /** 根据枚举子项 key 查询 title
   * @param {String} enumKey
   * @param {String} enumChildKey
   */
  getChildItemTitleByKey(enumKey, enumChildKey) {
    return this.getChildItemByKey(enumKey, enumChildKey).title
  }

  /** 根据 value 查询枚举子项
   * @param {String} enumKey
   * @param {Number} value
   */
  getChildItemByValue(enumKey, value) {
    return this.searchEnumItemChild(enumKey, value, 'value').enumItemChild
  }

  /** 根据 title 查询枚举子项
   * @param {String} enumKey
   * @param {String} title
   */
  getChildItemByTitle(enumKey, title) {
    return this.searchEnumItemChild(enumKey, title, 'title').enumItemChild
  }

  /** 根据 value 查询枚举子项名称
   * @param {String} enumKey
   * @param {Number} value
   */
  getChildItemKeyNameByValue(enumKey, value) {
    return this.searchEnumItemChild(enumKey, value, 'value').keyName
  }

  /** 根据 title 查询枚举子项名称
   * @param {String} enumKey
   * @param {Number} value
   */
  getChildItemKeyNameByTitle(enumKey, title) {
    return this.searchEnumItemChild(enumKey, title, 'title').keyName
  }

  searchEnumItemChild(enumKey, origin, originKey) {
    const enumItem = this.enum[enumKey]
    if (enumItem) {
      for (let keyName in enumItem) {
        let enumItemChild = enumItem[keyName]
        if (enumItemChild[originKey] === origin) {
          return { keyName, enumItemChild }
        }
      }
    }
    return {
      keyName: '',
      enumItemChild: {},
    }
  }
}

结果

const instance = new Enum()
console.log(instance.getEnumItemObject('TASK_STATUS'))
// {
//     "INCOMPLETE": {
//         "value": 0,
//         "title": "待办"
//     },
//     "INPROCESS": {
//         "value": 1,
//         "title": "处理中"
//     },
//     "COMPLETE": {
//         "value": 2,
//         "title": "已完结"
//     }
// }
console.log(instance.getEnumItemList('TASK_STATUS'))
// [
//     {
//         "value": 0,
//         "title": "待办"
//     },
//     {
//         "value": 1,
//         "title": "处理中"
//     },
//     {
//         "value": 2,
//         "title": "已完结"
//     }
// ]
console.log(instance.getChildItemByKey('TASK_STATUS', 'COMPLETE'))
// {
//     "value": 2,
//     "title": "已完结"
// }
console.log(instance.getChildItemValueByKey('TASK_STATUS', 'COMPLETE'))
// 2
console.log(instance.getChildItemTitleByKey('TASK_STATUS', 'COMPLETE'))
// 已完结
console.log(instance.getChildItemByValue('TASK_STATUS', 2))
// {
//     "value": 2,
//     "title": "已完结"
// }
console.log(instance.getChildItemByTitle('TASK_STATUS', '已完结'))
// {
//     "value": 2,
//     "title": "已完结"
// }
console.log(instance.getChildItemKeyNameByValue('TASK_STATUS', 2))
// COMPLETE
console.log(instance.getChildItemKeyNameByTitle('TASK_STATUS', '已完结'))
// COMPLETE