How to map over union array type?

by

Edit for 4.2

map has become callable now, but you still need an explicit type annotation on its argument to get it to work as expected (the type parameter is no contextually typed)

let test: Test1[] | Test2[] = [];
test.map((obj: Test1 | Test2) => {});

Playground Link

This situation is likely to improve in future versions making this answer mostly obsolete (see PR that will correctly synthesize contextual types for parameters)

Original answer pre 4.2

The problem is that for union types, members which are functions will also be typed as union types, so the type of map will be (<U>(callbackfn: (value: Test1, index: number, array: Test1[]) => U, thisArg?: any) => U[]) | (<U>(callbackfn: (value: Test2, index: number, array: Test2[]) => U) Which as far as typescript is concerned is not callable.

You can either declare an array of the union of Test1 and Test2

let test: (Test1 | Test2)[] = [];
test.map(obj => {});

Or you can use a type assertion when you make the call:

let test: Test1[] | Test2[] = [];
(test as Array<Test1|Test2>).map(o=> {});

More Related Contents:

  1. How to transform union type to tuple type
  2. Typescript: How can I make entries in an ES6 Map based on an object key/value type
  3. What does “keyof typeof” mean in TypeScript?
  4. TypeScript: type for an object with only one key (no union type allowed as a key) [duplicate]
  5. Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index
  6. get and set in TypeScript
  7. How can I see the full expanded contract of a Typescript type?
  8. How do you emulate nominal typing in TypeScript?
  9. Typescript: check if a type is a union
  10. How do you produce a .d.ts “typings” definition file from an existing JavaScript library?
  11. Typescript, merge object types?
  12. TypeScript – extract interface members only – possible?
  13. How to display json object using *ngFor
  14. Combining generics with index type
  15. DeepReadonly Object Typescript
  16. How do I import other TypeScript files?
  17. How can I augment a property within a third-party TypeScript interface defined as “any”?
  18. What does the “as” keyword do?
  19. Typescript ReturnType of generic function
  20. Typescript check for the ‘any’ type
  21. Get function parameter names and types in TypeScript
  22. Typescript: Why type alias satisfies a constraint but same interface doesn’t?
  23. Eliminate nevers to make union possible
  24. TypeScript: Define a union type from an array of strings
  25. What is the “as syntax” pointed out by tslint?
  26. How to create an Observable from static data similar to http one in Angular?
  27. Setting up tsconfig with spec/test folder
  28. How to pass an instance variable into typescript decorator arguments?
  29. Can I force the TypeScript compiler to use nominal typing?
  30. Optional class members in Typescript

Leave a Comment