TypeScript 如何声明一个带有任意键的类型化对象

在本文中，我们将介绍如何在TypeScript中声明一个带有任意键的类型化对象。在JavaScript中，我们可以很容易地声明一个对象，并且它的键可以是任意的字符串。但是，在TypeScript中，我们希望能够对对象的键进行类型检查，以避免潜在的错误。幸运的是，TypeScript提供了一个强大的工具，使我们能够声明具有任意键的类型化对象。

阅读更多：TypeScript 教程

使用索引签名声明任意键的类型化对象

为了声明一个带有任意键的类型化对象，我们可以使用索引签名。索引签名允许我们声明对象中的键的类型以及相应值的类型。它有两种形式：字符串索引签名和数字索引签名。

声明字符串索引签名

通过字符串索引签名，我们可以声明一个对象的键为任意字符串，其对应的值可以是任意类型。下面是一个使用字符串索引签名的例子：

interface TypedObject {
  [key: string]: string;
}

const obj: TypedObject = {
  name: 'John',
  age: '30',
};

console.log(obj.name); // 输出： John
console.log(obj.age); // 输出： 30

上面的代码中，我们声明了一个接口TypedObject，其中索引签名为[key: string]，表示该对象的键为任意字符串类型。而值的类型为字符串。然后，我们声明了一个obj对象，并给其赋值，其中键值对的类型都符合接口的定义。

声明数字索引签名

除了字符串索引签名外，我们还可以使用数字索引签名来声明对象的键。通过数字索引签名，我们可以声明对象的键为任意数字类型，其对应的值可以是任意类型。下面是一个使用数字索引签名的例子：

interface TypedObject {
  [key: number]: string;
}

const obj: TypedObject = {
  0: 'John',
  1: '30',
};

console.log(obj[0]); // 输出： John
console.log(obj[1]); // 输出： 30

在上面的代码中，我们同样声明了一个接口TypedObject，但这次索引签名为[key: number]，表示对象的键可以是任意数字类型。同样地，值的类型为字符串。然后，我们声明了一个obj对象，并给其赋值。

使用Union类型限制键的取值范围

如果我们希望对象的键只能是一些特定的值，而不是任意的字符串或数字，我们可以使用Union类型来限制键的取值范围。

interface TypedObject {
  [key: string | number]: string;
}

const obj: TypedObject = {
  name: 'John',
  age: '30',
  0: 'Hello',
};

console.log(obj.name); // 输出： John
console.log(obj.age); // 输出： 30
console.log(obj[0]); // 输出： Hello