如何在TypeScript中根据字符串枚举值获取其索引位置?
TypeScript字符串枚举索引查找问题解决
问题原因
你用Object.keys(Environment).indexOf(selectedEnvironment)返回-1的核心原因是:
- 字符串枚举编译后,
Object.keys(Environment)提取的是枚举的键名(也就是["Sandbox", "Production"]) - 而
selectedEnvironment是枚举的值(也就是"SANDBOX"或"PRODUCTION")
两者完全是不同的字符串,自然匹配不到。
解决方法
方法1:直接用枚举值数组查找
如果你想找的是枚举值在值列表中的索引,直接用Object.values()获取枚举值数组:
// 正确获取索引 const index = Object.values(Environment).indexOf(selectedEnvironment);
方法2:先映射到键名再查找
如果业务需要基于键名操作,先把枚举值转成对应的键名(字符串枚举不会自动生成反向映射,需要手动处理):
// 写一个反向映射函数 function getEnvKey(value: Environment): keyof typeof Environment { return Object.keys(Environment).find(key => Environment[key as keyof typeof Environment] === value) as keyof typeof Environment; } // 再通过键名找索引 const key = getEnvKey(selectedEnvironment); const index = Object.keys(Environment).indexOf(key);
内容的提问来源于stack exchange,提问作者CyberMew
相关产品推荐
相关产品推荐

