TypeScript中关联对象数组的接口

Question

我有一个像这样的对象:

var obj = {
    key1: "apple",
    key2: true,
    key3: 123,
    .
    .
    .
    key{n}: ...
}

因此obj可以包含任意数量的命名键,但值必须都是string,bool或number.

如何obj在TypeScript中声明接口的类型？我可以声明一个联合类型或类似的关联数组(或可变参数元组)吗？

Answer 1

是的,您可以使用索引签名:

interface MyType {
    [key: string]: string | boolean | number;
}

var obj: MyType = {
    key1: "apple",
    key2: true,
    key3: 123
};

Answer 2

在阅读了这个问题和大卫的回答后，我更深入地研究了文档，并提出了一个很棒的解决方案！

我已经使用通用类型创建了一个字典接口！

interface Dictionary<Type> {
   [key: string]: Type;
}

您可以像这样（重新）使用它：

const myNumbers:Dictionary<number> = {
    key1: 1,
    key2: 2,
    key3: 3
};

const myStrings: Dictionary<string> = {
    key1: 'Lorem',
    key2: 'Ipsum',
    key3: 'Dolor'
};

const myElements:Dictionary<HTMLElement> = {
    button: document.querySelector('#button'),
    input: document.querySelector('#input')
};