Typescript中的对象索引键类型

Question

我将我的泛型类型定义为

interface IDictionary<TValue> {
    [key: string|number]: TValue;
}

但是 TSLint 在抱怨。我应该如何定义一个可以作为键的对象索引类型？我也试过这些，但没有运气。

 interface IDictionary<TKey, TValue> {
    [key: TKey]: TValue;
}

interface IDictionary<TKey extends string|number, TValue> {
    [key: TKey]: TValue;
}

type IndexKey = string | number;

interface IDictionary<TValue> {
    [key: IndexKey]: TValue;
}

interface IDictionary<TKey extends IndexKey, TValue> {
    [key: TKey]: TValue;
}

以上都不起作用。

那怎么办？

原文由 Robert Koritnik 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过使用 IDictionary<TValue> { [key: string]: TValue } 来实现这一点，因为数值将自动转换为字符串。

这是一个使用示例：

 interface IDictionary<TValue> {
    [id: string]: TValue;
}

class Test {
    private dictionary: IDictionary<string>;

    constructor() {
       this.dictionary = {}
       this.dictionary[9] = "numeric-index";
       this.dictionary["10"] = "string-index"

       console.log(this.dictionary["9"], this.dictionary[10]);
    }
}
// result => "numeric-index string-index"

如您所见，字符串和数字索引是可以互换的。

原文由 Nickeat 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 javascript 中，对象的键只能是字符串（在 es6 中也是如此）。

如果您传递一个数字，它将被转换为一个字符串：

 let o = {};
o[3] = "three";
console.log(Object.keys(o)); // ["3"]

如您所见，您总是得到 { [key: string]: TValue; } 。

Typescript 允许您使用 number s 作为键来定义这样的映射：

 type Dict = { [key: number]: string };

并且编译器将检查在分配值时您始终将数字作为键传递，但在运行时对象中的键将是字符串。

因此，您可以拥有 { [key: number]: string } 或 { [key: string]: string } 但不能拥有 string | number 的并集，原因如下：

 let d = {} as IDictionary<string>;
d[3] = "1st three";
d["3"] = "2nd three";

您可能期望 d 这里有两个不同的条目，但实际上只有一个。

您可以做的是使用 Map ：

 let m = new Map<number|string, string>();
m.set(3, "1st three");
m.set("3", "2nd three");

在这里，您将有两个不同的条目。

原文由 Nitzan Tomer 发布，翻译遵循 CC BY-SA 3.0 许可协议