TypeScript 中根据枚举类型的值获取对应数据

TypeScript 中有很多有用的特性，枚举（Enum）就是其中之一，可以让我们事先定义一组常量，以便用于类型声明。

但是小山最近至写代码的时候遇到一种需求，就是通过枚举类型的值来获取对应数据。

比如我有一个这样的数据接口和枚举：

interface Purchase {
  schedule: Schedule;
}

enum Schedule {
  not = 1,
  reported,
  stored,
}

现在获取到的值只是枚举的值(1, 2, 3)，这些值无法直接呈现给用户，需要使用这些值来获取/转换对应的数据，最常见就是转换成文本。

如果是简单文本，其实还比较简单，可以把枚举的键写成需要的文本，由于 TS 里的枚举是双向的，所以你可以用值获取到键。比如Schedule[Schedule.not]获取到的就是"not"

但是复杂的数据，就不能用这种方法了，而且如果要获取的文本是中文，虽然键可以用中文声明，不过我们写代码一般不提倡使用中文来作为变量的名称。

所以当我们有上述需求的时候，可以使用下面这种方法声明一个对象，而且这种声明是安全的。

const ScheduleText: { [key in Schedule]: string } = {
  [Schedule.not]: '暂无进度',
  [Schedule.reported]: '已报',
  [Schedule.stored]: '已入库',
};

// 以下写法不会报错

ScheduleText[ScheduleText.not];


// 当然也可以这样写

ScheduleText['1'];

这个对象的声明是用 Schedule 的值作为键并且值为字符串，这样的类型检查比较方便，当你的枚举有新添加的值，而对象没有被更新，则会报错，并且它是一个对象，值可以是任何类型，也可以是动态的值。

不过这种方法有一个弊端，就是所有对象的类型声明都需要这样写{ [key in Schedule]: string }，你没办法用泛型声明一个 Type，因为泛型目前没有支持枚举。

如果你有更好的方法，欢迎在下面评论，也可以加入 QQ 群与小山交流更多其他的知识。