TypeScript中为枚举赋值字符串时获undefined问题求助

你这段代码返回undefined的核心原因是字符串枚举没有自动生成反向映射。TypeScript里只有数字枚举会自动创建值到键的反向映射，而字符串枚举的结构里仅存在键->值的单向映射，没有值->键的反向对应。你用Color[text as keyof typeof Color]时，相当于试图用枚举值"GRN"当作键去访问Color对象，但Color的键是"Green"和"Red"，自然找不到对应结果，返回undefined。

下面是几种可行的解决方案：

• 手动构建反向映射对象
  自己创建一个从枚举值到枚举成员的映射表，就能通过字符串值直接拿到对应的枚举项：

  enum Color {
    Green = "GRN",
    Red = "RD"
  }
  
  // 手动维护反向映射
  const ColorReverseMap: Record<string, Color> = {
    "GRN": Color.Green,
    "RD": Color.Red
  };
  
  let text: string = "GRN";
  let test: Color = ColorReverseMap[text];
  
  console.log(test); // 输出 "GRN"（即Color.Green）
  

• 通过遍历匹配枚举值
  如果不想手动维护反向映射，可以遍历枚举的键值对来匹配目标字符串：

  enum Color {
    Green = "GRN",
    Red = "RD"
  }
  
  let text: string = "GRN";
  // 找到对应值的枚举成员，需处理未匹配到的情况
  let test: Color | undefined = Object.keys(Color)
    .find(key => Color[key as keyof typeof Color] === text) as unknown as Color;
  
  console.log(test); // 输出 "GRN"
  

  注意：如果输入的text不在枚举值范围内，会返回undefined，建议将变量类型设为Color | undefined来保证类型安全。

• 直接类型断言（简单但需确保值合法）
  因为字符串枚举的成员值本身就是字符串，若能确定输入text是枚举中的有效值，可以直接断言类型：

  enum Color {
    Green = "GRN",
    Red = "RD"
  }
  
  let text: string = "GRN";
  let test: Color = text as Color;
  
  console.log(test); // 输出 "GRN"
  

  这种方式最简洁，但要避免传入枚举外的非法值，否则会破坏类型约束。

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