DEV Community
·
今天学到：如何引用数组类型的项类型？
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在TypeScript中，可以通过索引访问类型、单独定义项类型和创建自定义工具类型来引用数组项的类型。其中，使用索引访问类型（如Messages[number]）是最直接和常用的方法。
🎯
关键要点
- 在TypeScript中，可以通过多种方式引用数组项的类型。
- 方法1：使用索引访问类型，type MessageItem = Messages[number]。
- 方法2：单独定义项类型，type MessageItem = {...}; type Messages = MessageItem[]。
- 方法2通常更清晰，适合在代码中重用项类型。
- 方法3：使用自定义工具类型，type ArrayItem<T> = T extends Array<infer U> ? U : never。
- 第一种方法（Messages[number]）是提取数组项类型的最直接和常用的方法。
❓
延伸问答
在TypeScript中如何引用数组项的类型？
可以通过索引访问类型、单独定义项类型和创建自定义工具类型来引用数组项的类型。
什么是索引访问类型？
索引访问类型是通过使用语法Messages[number]来直接访问数组中元素的类型。
单独定义项类型有什么好处？
单独定义项类型通常更清晰，适合在代码中重用项类型。
如何创建自定义工具类型来引用数组项类型？
可以创建一个工具类型，如type ArrayItem<T> = T extends Array<infer U> ? U : never，来提取数组项类型。
哪种方法是提取数组项类型的最常用方式？
使用索引访问类型（Messages[number]）是提取数组项类型的最直接和常用的方法。
在TypeScript中定义数组项类型的示例是什么？
可以定义为type MessageItem = { date: Date; content: string; userId: string; userName: string; }; type Messages = MessageItem[];
🏷️
标签
➡️
