TypeScript中`index === undefined ? undefined : someArray[index]`是否有简写？

针对你给出的变量类型：

const someArray: number[];
const index: number | undefined;

你提到的index === undefined ? undefined : someArray[index]确实有更简洁的写法，但没有完全等价的内置语法可以直接替代，以下是几种可行方案：

• 简化条件判断：使用index != null ? someArray[index] : undefined，这里index != null等价于index !== undefined && index !== null，和原表达式逻辑完全一致，但写法更短。

• 类型断言（不推荐）：如果能确保数组不会存在名为"undefined"的属性，可以写someArray[index as number]。运行时当index为undefined时，会访问数组的"undefined"键（通常返回undefined），和原表达式结果一致，但类型断言会跳过TypeScript的类型检查，存在潜在风险。

• 工具函数封装：这是最稳妥且简洁的方式，尤其适合index为复杂表达式的场景：

  function getArrayItem<T>(arr: T[], index: number | undefined): T | undefined {
    return index === undefined ? undefined : arr[index];
  }
  // 使用方式
  getArrayItem(someArray, index);
  

需要注意的是，JavaScript中直接写someArray[index]的方式在TypeScript中会触发类型错误——因为数组的索引类型为number（或可转换为数字的字符串），undefined不被允许作为合法索引。虽然运行时这种写法通常返回undefined，但不符合TypeScript的类型规范，不建议使用。

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