TypeScript 'enum' 和 'string' 不能用于索引类型

在 TypeScript 中，'enum' 和 'string' 类型都不能直接用作索引类型，因为它们的值在运行时是接收不到的。

'enum' 类型不能用作索引类型

问题描述

在 TypeScript 中，'enum' 类型用于定义标识符的集合。例如：

enum Colors {
  Red,
  Green,
  Blue
}

const color: Colors = Colors.Red;

在上面的例子中，Colors 是一个枚举型，包含了 Red、Green 和 Blue 三个标识符。我们可以将枚举型的一个成员赋值给一个变量，就像上面的 color 变量。但是，我们不能将 Colors 当做一个索引类型来使用。

解决方案

如果你希望将 'enum' 用作索引类型，你可以创建一个包含枚举值的数组，然后使用数组的索引来获取相应的枚举值。

enum Colors {
  Red,
  Green,
  Blue
}

const colorsArray = [
  Colors.Red,
  Colors.Green,
  Colors.Blue
];

const colorIndex = 0;
const color = colorsArray[colorIndex]; // 获取索引为0的枚举值

'string' 类型不能用作索引类型

问题描述

在 TypeScript 中，'string' 类型表示文本字符串。我们可以使用字符串字面量作为索引类型，例如：

type Fruit = 'Apple' | 'Banana' | 'Orange';

const fruit: Fruit = 'Apple';

在上面的例子中，Fruit 是一个类型，表示水果的种类。我们可以使用字符串字面量 'Apple'、'Banana' 和 'Orange' 作为索引类型。但是，'string' 类型本身不能直接用作索引类型。

解决方案

如果你希望将 'string' 用作索引类型，你可以使用字符串字面量类型来代替。

type Fruit = 'Apple' | 'Banana' | 'Orange';

const fruits: Record<Fruit, number> = {
  'Apple': 5,
  'Banana': 10,
  'Orange': 3
};

const fruit: Fruit = 'Apple';
const quantity = fruits[fruit]; // 获取 'Apple' 对应的数量

在上面的例子中，我们使用 Record<Fruit, number> 来定义 fruits 变量的类型。这里，Fruit 作为索引类型，而 number 表示水果的数量。通过使用字符串字面量类型作为索引类型，我们可以使用 'string' 类型作为索引类型的功能。