索引签名是一种定义对象类型的方式,它允许使用数字或字符串或symbol作为索引来访问对象的属性。
最主要的作用是允许我们动态地添加或访问对象的属性。
interface Obj{
label: string;
[propName: string]: string;
}
// [propName: string]: string 就是索引签名
上述例子中propName是索引签名的名称,只是为了可读性,其他没有任何意义,可以改写成任意名称。后面的两个类型分别表示 属性键的类型和对应值的类型。
可以使用readonly来表示属性的只读
interface MyArray {
readonly [index : number] : string
}
const arr6:MyArray = ['1']
arr6[0] = '2' // 存在readonly 因此ts检查不通过会报错
索引签名优点:
1.动态属性名称:不需要提前定义所有可能的属性名称,而是可以根据需要动态地添加和访问属性
2.扩展性:当需要添加新的属性时,使用索引签名可以避免修改现有的代码。
3.与外部数据源集成:索引签名还可以帮助将外部数据源(如数据库或 API)的结果集集成到代码中。