TypeScript中如何检查枚举键是否存在于多选返回的选中数组中

匹配失败的核心原因是你存储的内容和判断条件的内容类型不一致：selected数组中存储的是枚举的键名（如"GAS"），而Brennstoff.GAS返回的是枚举的赋值内容（即"Gas"），二者字符串不相等，因此includes判断返回false。

方案1：直接用枚举键名判断（最简写法） #

直接传入对应枚举的键名，搭配类型断言保证类型安全即可：

const hasGas = selected.includes("GAS" as keyof typeof Brennstoff);

方案2：封装通用转换函数（避免硬编码键名） #

如果不想在业务代码里硬编码枚举键名，可以封装通用工具函数，将枚举值转换为对应的键名后再做判断：

// 通用工具：传入枚举定义、枚举值，返回对应的枚举键
function getEnumKey<T extends Record<string, string>>(enumObj: T, enumValue: T[keyof T]): keyof T | undefined {
  return (Object.keys(enumObj) as Array<keyof T>).find(key => enumObj[key] === enumValue);
}

// 使用示例
const gasKey = getEnumKey(Brennstoff, Brennstoff.GAS);
const hasGas = gasKey ? selected.includes(gasKey) : false;

方案3：调整组件返回值（长期最优） #

如果有权限修改多选输入组件的实现逻辑，建议让组件直接返回枚举值数组而非键名数组，后续使用不需要额外转换，原有写法即可直接生效：

// 调整后组件返回值示例
const selected = [Brennstoff.GAS, Brennstoff.SOLAR];
// 原有判断逻辑可正常运行
const hasGas = selected.includes(Brennstoff.GAS);

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