You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何解决数组对象与枚举值匹配时的类型不兼容问题并获取匹配结果数组

解决枚举与对象属性匹配的类型错误及布尔数组生成问题

嘿,我来帮你搞定这个问题!先拆解下你遇到的两个核心问题:类型不匹配的根源,以及如何正确生成每个对象的匹配布尔值数组

错误原因分析

你当前的代码有两个关键问题:

  1. 逻辑偏差this.jobs?.some(...)是用来判断整个jobs数组是否存在符合条件的元素,但你想要的是给每个对象单独生成一个布尔值,应该用map而非some
  2. 类型冲突:如果是数字枚举(比如enum jobFailureStatus { value1, value2 }),Object.values(jobFailureStatus)会返回(string | number)[]类型——因为TypeScript编译数字枚举时,会生成包含枚举值(数字)和枚举键(字符串)的双向映射对象。而string.includes()只接受单个字符串参数,你把整个数组传进去自然会触发类型不兼容错误。

解决方案

我们分两种枚举类型来处理,确保类型安全且逻辑正确:

情况1:数字枚举

如果你的枚举是数字型(未手动指定字符串值),先提取枚举的字符串键值(过滤掉数字值),再进行匹配:

// 示例数字枚举
enum jobFailureStatus {
  value1,
  value2,
  value3
}

// 提取枚举的字符串键值,转为安全的string[]类型
const failureStatusStrings = Object.keys(jobFailureStatus)
  .filter(key => isNaN(Number(key))) // 过滤掉数字类型的枚举值
  as string[];

// 生成每个job的匹配布尔值数组
const matchResults = this.jobs?.map(job => {
  if (!job.description) return false; // 处理description为空的边界情况
  // 检查description是否包含任意一个枚举字符串
  return failureStatusStrings.some(status => job.description.includes(status));
}) || []; // 处理jobs为undefined的情况

情况2:字符串枚举

如果你的枚举是字符串型(手动指定了字符串值),处理会更简单,直接用Object.values就能得到纯字符串数组:

// 示例字符串枚举
enum jobFailureStatus {
  value1 = 'FAILURE_ONE',
  value2 = 'FAILURE_TWO',
  value3 = 'FAILURE_THREE'
}

// 字符串枚举的Object.values直接返回string[]类型,无需额外处理
const failureStatusStrings = Object.values(jobFailureStatus);

// 生成匹配布尔值数组
const matchResults = this.jobs?.map(job => {
  if (!job.description) return false;
  return failureStatusStrings.some(status => job.description.includes(status));
}) || [];

关键注意点

  • map遍历jobs数组,为每个对象生成对应的布尔值,这才是你需要的结果形式。
  • 针对数字枚举,必须过滤掉映射中的数字值,只保留字符串键,确保传给includes的是单个字符串参数。
  • 这里的as string[]类型断言是安全的,因为我们已经通过filter逻辑确保了结果是纯字符串数组。

内容的提问来源于stack exchange,提问作者SharePointBeginner

火山引擎 最新活动