![[The AI Show Episode 142]: ChatGPT’s New Image Generator, Studio Ghibli Craze and Backlash, Gemini 2.5, OpenAI Academy, 4o Updates, Vibe Marketing & xAI Acquires X](https://www.marketingaiinstitute.com/hubfs/ep%20142%20cover.png)
![[FREE EBOOKS] The Kubernetes Bible, The Ultimate Linux Shell Scripting Guide & Four More Best Selling Titles](https://www.javacodegeeks.com/wp-content/uploads/2012/12/jcg-logo.jpg){kind=logo}
![From drop-out to software architect with Jason Lengstorf [Podcast #167]](https://cdn.hashnode.com/res/hashnode/image/upload/v1743796461357/f3d19cd7-e6f5-4d7c-8bfc-eb974bc8da68.png?#)
.png?#)
.jpg?#)
_Christophe_Coat_Alamy.jpg?#)
![Rapidus in Talks With Apple as It Accelerates Toward 2nm Chip Production [Report]](https://www.iclarified.com/images/news/96937/96937/96937-640.jpg)
TIL: How to reference the item type of an array type?
I have one array type and needed to use the type of its item Directly from AI (Sonnet 3.7) In TypeScript, you can reference the type of an item in an array type in several ways: Method 1: Use indexed access type type Messages = { date: Date; content: string; userId: string; userName: string; }[] type MessageItem = Messages[number]; The number index accesses the type of elements in the array. Method 2: Define the item type separately first type MessageItem = { date: Date; content: string; userId: string; userName: string; }; type Messages = MessageItem[]; This approach is often clearer, especially if you need to reuse the item type elsewhere in your code. Method 3: Use ArrayType utility type (custom) You can also create a utility type if you need to do this frequently: type ArrayItem = T extends Array ? U : never; type Messages = { date: Date; content: string; userId: string; userName: string; }[] type MessageItem = ArrayItem; The first method (Messages[number]) is the most direct and commonly used approach to extract the item type from an array type.
I have one array type and needed to use the type of its item
Directly from AI (Sonnet 3.7)
In TypeScript, you can reference the type of an item in an array type in several ways:
Method 1: Use indexed access type
type Messages = {
date: Date;
content: string;
userId: string;
userName: string;
}[]
type MessageItem = Messages[number];
The number index accesses the type of elements in the array.
Method 2: Define the item type separately first
type MessageItem = {
date: Date;
content: string;
userId: string;
userName: string;
};
type Messages = MessageItem[];
This approach is often clearer, especially if you need to reuse the item type elsewhere in your code.
Method 3: Use ArrayType utility type (custom)
You can also create a utility type if you need to do this frequently:
type ArrayItem<T> = T extends Array<infer U> ? U : never;
type Messages = {
date: Date;
content: string;
userId: string;
userName: string;
}[]
type MessageItem = ArrayItem<Messages>;
The first method (Messages[number]) is the most direct and commonly used approach to extract the item type from an array type.
