typescript - 在 Typescript 中，当数组包含不同的元素类型时，如何从数组类型中获取元素类型？

Question

假设我有一组不同类型的数据:

const input = ["random", 2, {a: "foo", b: "baz"}];

Typescript 可以自动推断和提取类型，例如:

type InputTypeArray = typeof input;

这里 typescript 知道 InputTypeArray 是 (string | number | {a: string, b: string})[];

我们称 InputType 为数组元素的类型，即:

typeof InputType = string | number | {a: string, b: string};

我可以从 InputTypeArray 派生 InputType 吗？换句话说，我将如何编写一个接受输入元素之一作为参数的函数？

const input = ["random", 2, {a: "foo", b: "baz"}];

const myFunction = (element: InputType) => element;

input.map(myFunction);

如何在这里写“InputType”？有没有办法从输入中提取它？

我知道我可以通过在 map 调用中内联 myFunction 来解决问题，因为 typescript 将再次在函数中推断出正确的类型。但是有没有办法让类型永远不变？

Answer 1

您可以使用此格式获取成员类型:

type InputType = typeof input[number];

您可以阅读更多相关信息(以及其他一些很酷的技巧)here在 Steve Holgado 的博客文章中。