如何在TypeScript中创建支持null值的枚举转数组泛型函数？

当然可以创建这样的泛型函数，而且有更简洁、安全的实现方式。先指出你现有代码中的一个关键问题：你的map(key => enumObject[key])逻辑存在错误——Object.values(Color)返回的是枚举值（如"Red"），但枚举的键是"RED"（大写），用"Red"作为键去访问Color["Red"]会得到undefined，最终数组全是无效值。

下面是简化后的正确实现，兼容字符串枚举和数字枚举，且类型完全符合要求：

function convertEnumToArray<E extends Record<string, string | number>>(enumObj: E): (typeof enumObj[keyof E] | null)[] {
  // 提取枚举的原始值：过滤数字枚举的反向映射项，保留合法枚举值
  const enumValues = Object.keys(enumObj)
    .filter(key => isNaN(Number(key))) // 过滤数字键（数字枚举的反向映射）
    .map(key => enumObj[key as keyof E]);

  // 断言类型为允许包含null的数组，让后续可以安全push null
  return enumValues as (typeof enumObj[keyof E] | null)[];
}

使用示例 #

enum Color {
    RED = "Red",
    GREEN = "Green",
    BLUE = "Blue"
}

let colors = convertEnumToArray(Color);
// 此时colors的类型为 (Color | null)[]
colors.push(null); // 无类型错误，完全合法

为什么这个实现更优？ #

• 类型推导更简洁：直接用typeof enumObj[keyof E]获取枚举的原始值类型，无需自定义复杂的泛型类型。
• 逻辑更安全：通过枚举的键来提取值，避免了用枚举值反向查找键的错误逻辑，同时兼容数字枚举的反向映射过滤。
• 类型兼容性好：返回类型明确包含null，直接支持后续的push(null)操作，无需额外类型转换。

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