TS 索引签名

本文介绍了JavaScript中的索引签名,如何用数字、字符串或symbol作为动态属性访问对象,以及其优点如动态属性添加、扩展性和与外部数据源集成。通过readonly关键字实现只读属性,提升代码灵活性和可维护性。
摘要由CSDN通过智能技术生成

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值