javascript - How to use filter in TypeScript on different array types - Stack Overflow

admin管理员组

文章数量:1332896

Given is the function signature below:

function foo(): string[] | number[]

Why does TS plain about the follow function call of filter?

foo().filter((v) => true);
      ^^^^^^
      Error

This expression is not callable. Each member of the union type '{ (predicate: (value: number, index: number, array: number[]) => value is S, thisArg?: any): S[]; (predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): number[]; } | { ...; }' has signatures, but none of those signatures are patible with each other.

Of course I can cast it to [], but what is the proper way here? The error message is very difficult to understand? How would one decipher this?

Example: Playground

Given is the function signature below:

function foo(): string[] | number[]

Why does TS plain about the follow function call of filter?

foo().filter((v) => true);
      ^^^^^^
      Error

This expression is not callable. Each member of the union type '{ (predicate: (value: number, index: number, array: number[]) => value is S, thisArg?: any): S[]; (predicate: (value: number, index: number, array: number[]) => unknown, thisArg?: any): number[]; } | { ...; }' has signatures, but none of those signatures are patible with each other.

Of course I can cast it to [], but what is the proper way here? The error message is very difficult to understand? How would one decipher this?

Example: Playground

• javascript
• typescript

Share Improve this question Follow edited Apr 12, 2021 at 17:14 zixiCat 1,05911 gold badge77 silver badges1818 bronze badges asked Apr 12, 2021 at 16:11 HelloWorldHelloWorld 1,86344 gold badges3838 silver badges8888 bronze badges 1

• The piler cannot figure out how to call a method which is a union of overloaded and generic methods, as per microsoft/TypeScript#36390. You could synthesize a type that represents what happens when you filter() a union of arrays, like this, but I don't know if you'd really want to use that instead of the relatively easy-to-write type assertion ("cast") as you said. I'm happy to write up an answer unless you think I'm missing the point of your question. Let me know. – jcalz Commented Apr 12, 2021 at 19:33

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

function foo(): (number|string)[]

For same reason as here: Typescript: How to map over union array type?

Probably because the first argument of the .filter() method is typed in TS to have the type of the items in the array. Since your function is basically "returning" .filter((v: number)): number[] | filter((v: string)): string[] the two signatures are inpatible.

本文标签： javascriptHow to use filter in TypeScript on different array typesStack Overflow