typescript - 如何根据数组项的某些键定义新类型？

Question

已经有一个const，它是一个数组:

const fieldTypes = [
    { id: 1, name: 'text'},
    { id: 2, name: 'list'},
    // ...
    { id: 10, name: 'switch'}
]

我想基于 const fieldTypes 定义一个新类型

type IdToNamesType = ???

IdToNamesType 的真正定义应该类似于:

type IdToNamesType = {
   1: 'text',
   2: 'list',
   // ...
   10: 'switch'
}

可以吗？

Answer 1

要解决的第一个问题是确保 id 和 name 被推断为数字和字符串文字类型，而不是 number 和 字符串。为此，我们可以使用这个函数:

function fields<TId extends number, TName extends string, T extends { id: TId, name: TName }[]>(...o:T):T {
  return o;
}
const fieldTypes = fields(
  { id: 1, name: 'text'},
  { id: 2, name: 'list'},
  { id: 10, name: 'switch'}
);
/*
typeof fieldTypes = [{
    id: 1;
    name: "text";
}, {
    id: 2;
    name: "list";
}, {
    id: 10;
    name: "switch";
}]

*/

现在我们可以使用映射类型将元组类型转换为对象类型:

type IdToNamesType = { 
  [P in typeof fieldTypes[number]['id']] : Extract<typeof fieldTypes[number], { id: P }>['name']
}