TS: how to get constant Array element type

Question

I'm using TS 3.4.5 with the const assertion. How can I retrieve the type of the elements of the declared constant array variable?

export type GetArrayElementType<T extends Array<any>> = T extends (infer U)[] ? U : never;

export const MyConstArray = [
  'item1',
  'item2',
  'item3',
] as const;

export type MyConstArrayItem = GetArrayElementType<typeof MyConstArray>;

I'd like to have as output:

export type MyConstArrayItem = "item1" | "item2" | "item3"

I'm not totally sure how to extract the type information of the items because due to the const assertion, my array is not an array type anymore but is a constant tuple, so GetArrayElementType can't be applied on it.

Possible duplicate of TypeScript array to string literal type — Murat Karagöz
– Murat Karagöz, Commented May 13, 2019 at 13:42
Does this answer your question? Typescript derive union type from tuple/array values You even marked it yourself in the comment :D (stackoverflow.com/questions/45251664/…) — Wilt
– Wilt, Commented Oct 22, 2020 at 9:12

Titian Cernicova-Dragomir · Accepted Answer · 2019-05-13 13:41:46Z

29

If you want to use a conditional type you have to keep in mind that as const generates readonly arrays. So this should work as you expect it to:

export type GetArrayElementType<T extends readonly any[]> = T extends readonly (infer U)[] ? U : never;

export const MyConstArray = [
  'item1',
  'item2',
  'item3',
  'item4',
] as const;

export type MyConstArrayItem = GetArrayElementType<typeof MyConstArray>;

But the simpler solution is to not use a conditional type. Type index queries work better here:

export const MyConstArray = [
  'item1',
  'item2',
  'item3',
  'item4',
] as const;

export type MyConstArrayItem = typeof MyConstArray[number];

answered May 13, 2019 at 13:41

Titian Cernicova-Dragomir

253k37 gold badges466 silver badges396 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gentlee · Accepted Answer · 2021-08-13 10:24:41Z

10

Can be done easily with:

type MyConstArrayItem = typeof MyConstArray[number]

answered Aug 13, 2021 at 10:24

gentlee

3,7551 gold badge34 silver badges48 bronze badges

1 Comment

refaelio Over a year ago

Relevant github issue

Collectives™ on Stack Overflow

TS: how to get constant Array element type

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related