Pesquisa de site

Criar anotação de tipo de união a partir de array gerado dinamicamente em Typescript


Dando um array gerado a partir de um reduce, como é possível criar um tipo união a partir desse array?

import someFancyObject from 'some/modules';
const generatedArray = someFancyObject.reduce((acc, val, i) => {...}, []);

// generatedArray would be like: ['a', 'b', 'c']

type UnionFromArray = ???

// UnionFromArray would be like 'a' | 'b' | 'c'

Resposta #1

Você pode inferir um array a partir do argumento de uma função ou declarar um array constante (imutável):

const arr = ['a', 'b', 'c'] as const
type UnionFromArray = (typeof arr)[number] // "a" | "b" | "c"

// OR

const unionFromArray = <
  T extends string,
  Arr extends T[]
>(arr: [...Arr]): Arr[number] => null as any

const result = unionFromArray(['a', 'b', 'c']) // // "a" | "b" | "c"