TypeScript之索引签名

1. 索引签名

在 TypeScript 中，索引签名是一种定义对象类型的方式，它允许我们使用字符串或数字作为索引来访问对象的属性。

索引签名最主要的作用就是允许我们动态地添加或访问对象的属性，通过使用索引签名，我们可以在编译时无法确定具体属性名称的情况下，仍然能够安全地操作对象的属性。

2. 定义索引签名

索引签名通过以下语法进行定义：

typescript">{
	[index: string]: type
}

或

字符串索引签名

typescript">{
	[index: number]: type
}

index表示索引的名称，字符串索引签名的index就类似对象的键，数字索引签名index就类似数组的索引下标，当然index的类型也可以定义为any

type表示索引对应的值的类型，可以是any | number | string | symbol。

3. 索引签名的使用

下面我们通过实例来体会索引签名的使用：

字符串索引签名

typescript">interface MyString {
    [index: string]: string
}

const str: MyString = {}
console.log(str);  // {}
// 使用索引签名的方式添加对象属性
str['name'] = 'zhangsan'
// 使用索引签名的方式访问对象属性
console.log(str['name']);  // zhangsan

数字索引签名

typescript">interface MyNumber {
    [index: number]: string
}

const num: MyNumber = {}
console.log(num);  // {}
num[0] = 'zhangsan'
console.log(num[0]);  // zhangsan