javascript - 显式类型 - 对象数组

Question

在下面的语法中，

interface IPerson{
    firstName: string;
    lastName?: string;
}

const personList = [
    "p1": {firstName: "F1", lastName: "L1"},
    "p2": {firstName: "F2"},
    "p3": {firstName: "F3"}
];

// or

const personList = [
    {"p1": {firstName: "F1", lastName: "L1"}},
    {"p2": {firstName: "F2"}},
    {"p3": {firstName: "F3"}}
];

personList 是一个键:值对数组，其中键的类型为 string，值的类型为 IPerson

编辑:

下面的语法允许在数组的索引处有多个键:值对

const personList:{[key:string]:IPerson}[] = [
    {
     "p1": {firstName: "F1", lastName: "L1"},
     "p2": {firstName: "F1", lastName: "L1"}   
    },
    {"p2": {firstName: "F2"}},
    {"p3": {firstName: "F3"}}
];

如何显式键入 personList？

Answer 1

const personList: { [key: string]: IPerson }[]  = [
    {"p1": {firstName: "F1", lastName: "L1"}},
    {"p2": {firstName: "F2"}},
    {"p3": {firstName: "F3"}}
];

将其定义为一个对象数组，其键是字符串，其值是 IPerson 类型