如何将含多字符串选项的TypeScript类型转换为对应值数组？

如果你已经有自动生成的联合类型：

type Status = "confirmed" | "pending" | "canceled";

想要生成包含对应值的数组，同时保证数组元素和类型严格匹配，可以用以下两种方式：

方式一：使用satisfies和const断言（TypeScript 4.9+） #

这种方式能直接验证数组元素是否符合类型，同时保留字面量类型：

type Status = "confirmed" | "pending" | "canceled";

// 创建只读数组，确保每个元素都属于Status类型
const statusArray = ["confirmed", "pending", "canceled"] as const satisfies readonly Status[];

// 若需要可变数组，可通过展开运算符转换
const mutableStatusArray = [...statusArray] as Status[];

如果数组里出现不属于Status的元素，TypeScript会直接抛出错误，避免手动输入失误。

方式二：用辅助函数做类型约束 #

通过泛型函数强制传入的参数必须匹配目标类型，适合需要动态生成数组的场景：

type Status = "confirmed" | "pending" | "canceled";

function createTypedArray<T extends string>(...items: T[]): T[] {
  return items;
}

// 传入不符合Status的元素时，TypeScript会报错
const statusArray = createTypedArray<Status>("confirmed", "pending", "canceled");

注意 #

TypeScript的类型信息在编译阶段会被擦除，因此无法完全自动从类型生成数组值。上述方法都是通过类型约束来确保数组元素和目标类型一致，避免两者出现偏差。

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