TS 索引签名

发布时间:2023年12月21日

索引签名是一种定义对象类型的方式,它允许使用数字或字符串或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)的结果集集成到代码中。

文章来源:https://blog.csdn.net/content6/article/details/135138976
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。