typescript: 通过索引的方式定义interface中的属性

amadeus_liu2

已于 2023-07-03 19:24:16 修改

阅读量65

点赞数

分类专栏： TypeScript 文章标签： typescript javascript 前端

于 2023-07-03 19:10:08 首次发布

本文链接：https://blog.csdn.net/amadeus_liu2/article/details/131521936

版权

TypeScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

文章展示了如何在TypeScript的接口中定义带有索引签名的类型，如StringArray，以及如何同时定义具有索引和命名属性的NumberOrStringDictionary接口。示例中，myArray是一个StringArray，可以通过索引来访问其元素，如secondItem。此外，接口还可以包含常规的命名属性，如length和name。

摘要由CSDN通过智能技术生成

  interface StringArray {
 [index: number]: string;
}
const myArray: StringArray = ['abc','def']
const secondItem = myArray[1];
console.log(secondItem)

可以在interface中同时使用索引和名字来定义属性：

interface NumberOrStringDictionary {
 [index: string]: number | string;
 length: number; // ok, length is a number
 name: string; // ok, name is a string
}