How to ‘map’ a Tuple to another Tuple type in Typescript 3.0

by

You’ll need to use a mapped tuple type, which is supported in TypeScript 3.1.

You can make a mapped type that has properties 0, 1, 2 and length of the correct types, like this:

class Maybe<T> {}

type MaybeTuple = [Maybe<string>, Maybe<number>, Maybe<boolean>];

type MaybeType<T> = T extends Maybe<infer MaybeType> ? MaybeType : never;
type MaybeTypes<Tuple extends [...any[]]> = {
  [Index in keyof Tuple]: MaybeType<Tuple[Index]>;
} & {length: Tuple['length']};

let extractedTypes: MaybeTypes<MaybeTuple> = ['hello', 3, true];

If you’re using an older version of typescript, you can use an unreleased version of TypeScript, or as a workaround, you can write a conditional type to match against tuples as long as you think you are likely to have, e.g., like this.

More Related Contents:

  1. ‘unknown’ vs. ‘any’
  2. *ngFor running an infinite loop in angular2
  3. Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index
  4. get and set in TypeScript
  5. How can I see the full expanded contract of a Typescript type?
  6. How do you emulate nominal typing in TypeScript?
  7. Typescript: check if a type is a union
  8. Typescript, merge object types?
  9. TypeScript – extract interface members only – possible?
  10. How to display json object using *ngFor
  11. Combining generics with index type
  12. DeepReadonly Object Typescript
  13. Using eslint with typescript – Unable to resolve path to module
  14. Angular no provider for NameService
  15. Typescript error: TS7053 Element implicitly has an ‘any’ type
  16. TypeScript interface implementing doesn’t check method parameters
  17. TypeScript and field initializers
  18. Class type check in TypeScript
  19. Typescript: Type of a property dependent on another property within the same object
  20. Get function parameter names and types in TypeScript
  21. Typescript: Why type alias satisfies a constraint but same interface doesn’t?
  22. Eliminate nevers to make union possible
  23. TypeScript: Define a union type from an array of strings
  24. What is the “as syntax” pointed out by tslint?
  25. How to share code between TypeScript projects?
  26. How to make Typescript infer the keys of an object but define type of its value?
  27. Is there ArgumentsType like ReturnType in Typescript?
  28. Is it possible to narrow the types of overloaded parameters without exhaustively checking each parameter in the function body?
  29. TypeScript: deep partial?
  30. Is it possible to export * as foo in typescript

Leave a Comment