TypeScript：如何将记录转换为联合

【问题标题】：TypeScript: How to convert Record to unionTypeScript：如何将记录转换为联合
【发布时间】：2022-01-18 00:44:06
【问题描述】：

这种类型有可能吗：

type Input = {
    foo: "a" | "b";
    bar: "c" | "d";
};

选择这种类型：

type Output = 
    { key: "foo"; value: "a" | "b"; } | 
    { key: "bar"; value: "c" | "d"; };

?
谢谢！

【问题讨论】：

【解决方案1】：

是的，您可以使用映射类型来做到这一点。

type TransformInput<T> = {
  [P in keyof T]: { key: P; value: T[P] }; 
}[keyof T];

type Output = TransformInput<Input>

Output 将评估为

type Output = {
    key: "foo";
    value: "a" | "b";
} | {
    key: "bar";
    value: "c" | "d";
}

【讨论】：