TypeScript中带值字符串枚举的创建与解析方案求助

我完全懂你遇到的困扰！在TypeScript 2.4+引入字符串枚举后，确实不像数字枚举那样自带反向映射，导致字符串和枚举成员之间的转换容易踩坑。咱们一步步来解决这个问题：

首先得纠正一个小误区：你原来的toString函数其实没必要绕MyEnum[type]——因为字符串枚举的成员本身就等于你定义的字符串值！比如MyEnum.INIT直接就是'init-room'，所以这个函数可以简化到极致。

接下来重点解决字符串转枚举的问题，因为TypeScript编译字符串枚举时，只会生成成员名 -> 字符串值的映射，没有默认的反向映射，所以直接用MyEnum[type]会得到undefined。下面给你两个简洁的实现方案：

方案1：动态生成反向映射（适合枚举成员较多的场景） #

先生成一个字符串值到枚举成员的反向映射对象，之后转换就会非常高效：

export enum MyEnum {
  INIT = 'init-room',
  CLOSE = 'close-room'
}

// 生成反向映射表：字符串值 → 枚举成员
const myEnumReverseMap = Object.fromEntries(
  Object.entries(MyEnum).map(([key, value]) => [value, MyEnum[key]])
);

// 枚举转字符串（直接返回成员本身即可）
export function toString(type: MyEnum): string {
  return type;
}

// 字符串转枚举（支持无效值判断）
export function parse(type: string): MyEnum | undefined {
  return myEnumReverseMap[type];
}

如果希望对无效输入更严谨，可以加个类型守卫和错误抛出：

export function isMyEnum(type: string): type is MyEnum {
  return Object.values(MyEnum).includes(type as MyEnum);
}

export function parse(type: string): MyEnum {
  if (!isMyEnum(type)) {
    throw new Error(`无效的MyEnum值: ${type}`);
  }
  return myEnumReverseMap[type];
}

方案2：直接查找（简洁轻量，适合枚举成员少的场景） #

如果你的枚举成员不多，直接在转换时遍历枚举值查找就行，不用额外维护反向映射：

export enum MyEnum {
  INIT = 'init-room',
  CLOSE = 'close-room'
}

export function toString(type: MyEnum): string {
  return type;
}

export function parse(type: string): MyEnum | undefined {
  return Object.values(MyEnum).find(val => val === type) as MyEnum | undefined;
}

测试一下效果 #

// 枚举转字符串
console.log(toString(MyEnum.INIT)); // 输出: 'init-room'

// 字符串转枚举
console.log(parse('close-room')); // 输出: MyEnum.CLOSE
console.log(parse('invalid-value')); // 输出: undefined（或抛出错误，取决于你用的版本）

这样就能完美满足你和REST API交互的需求：发送请求时直接用枚举成员（本质就是字符串），接收响应后立刻把字符串转成枚举类型在应用内使用啦！

内容的提问来源于stack exchange，提问作者Maciej Wojcik