TypeScript遍历对象并根据值创建类型

debugcn 发表于 Dev

保罗·苏亚雷斯

鉴于我有一个这样的对象：

const props = [
    { name: 'car', list: { brand: 'audi', model: 's4' }
    { name: 'motorcycle', list: { type: 'ktm', color: 'orange' }
] as constant;

我想创建一个代表这样的类型：

type Props = {
    car?: 'brand' | 'model',
    motorcycle?: 'type' | 'color'
};

我最接近的是这样的：

type Props = Partial<Record<typeof props[number]['name'], typeof props[number]['list']>

但是返回如下内容：

type Props = {
    car?: { brand: 'audi', model: 's4' } | { type: 'ktm' | color: 'orange' } | undefined,
    motorcycle?: { brand: 'audi', model: 's4' } | { type: 'ktm' | color: 'orange' } | undefined
}

如何获得理想的结果？

Oblosys

您可以使用TypeScript 4.1（docs）中引入的密钥重新映射来实现此目的：

type IndexKeys<T> = Exclude<keyof T, keyof []>
type ListProp = { name: string, list: object }
type GetName<P> = P extends ListProp ? P['name'] : never
type GetListKeys<P> = P extends ListProp ? keyof P['list'] : never

type PropsFromList<PropList extends ReadonlyArray<ListProp>> = {
  [i in IndexKeys<PropList> as GetName<PropList[i]>]?: GetListKeys<PropList[i]>
}

type Props = PropsFromList<typeof props>
// Inferred type:
// Props: {
//     car?: "brand" | "model" | undefined;
//     motorcycle?: "type" | "color" | undefined;
// }

请注意，就像使用时一样Partial，可选属性类型会获得额外的但无害的信息| undefined。

TypeScript游乐场

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。