定义具有多种类型的数组

Question

我有一个形式的数组： [1，“消息”] 。

如何在打字稿中定义此？

Answer 1

在 TypeScript 中定义多种类型的数组

使用联合类型 (string|number)[] 演示：

const foo: (string|number)[] = [ 1, "message" ];

我有一个以下形式的数组：[ 1, "message" ].

如果您确定始终只有两个元素[number, string]，那么您可以将其声明为元组：

const foo: [number, string] = [ 1, "message" ];

您甚至可以为元组成员提供有意义的名称，例如id和<代码>文本：

const foo: [id: number, text: string] = [ 1, "message" ];

Answer 2

如果您将其视为元组（请参阅 语言规范），然后：

var t:[number, string] = [1, "message"]

或

interface NumberStringTuple extends Array<string|number>{0:number; 1:string}
var t:NumberStringTuple = [1, "message"];

Answer 3

我的TS棉布抱怨其他解决方案，因此对我有用的解决方案是：

item: Array<Type1 | Type2>

如果只有一种类型，则可以使用：

item: Type1[]

Answer 4

TypeScript 3.9+ 更新（2020 年 5 月 12 日）

现在，TypeScript 还支持命名元组。这极大地提高了代码的可理解性和可维护性。 查看官方 TS 游乐场。

---

所以，现在而不是unnamed:

const a: [number, string] = [ 1, "message" ];

我们可以添加名称：

const b: [id: number, message: string] = [ 1, "message" ];

---

注意：您需要一次添加所有名称，不能省略某些名称，例如：

type tIncorrect = [id: number, string]; // INCORRECT, 2nd element has no name, compile-time error.
type tCorrect = [id: number, msg: string]; // CORRECT, all have a names.

提示：如果您不确定的数量最后一个元素，你可以这样写：

type t = [msg: string, ...indexes: number];// means first element is a message and there are unknown number of indexes.

TypeScript 4.x+ Variadic Tuple Types

对于 TS 4.x，最后一个示例必须更改为这个：

type t = [msg: string, ...indexes: number[]];// means first element is a message and there are unknown number of indexes.

类型 number 更改为 number[]。

更多信息在这里： https:// /www.typescriptlang.org/docs/handbook/release-notes/typescript-4-0.html#variadic-tuple-types

Answer 5

我已经以以下格式解决了可以包含多种类型项目的数组。

数组＆lt; itemType1 | itemType2 | itemType3＆gt;

这与测试和键入后卫非常有用。

这种格式与测试或键入后卫无法正常工作：

（itemType1 | itemType2 | itemType2 | itemType3 | itemType3） /代码>

Answer 6

我正在使用这个版本：

exampleArr: Array<{ id: number, msg: string}> = [
   { id: 1, msg: 'message'},
   { id: 2, msg: 'message2'}
 ]

它与其他建议有点相似，但仍然很容易并且很好记。

Answer 7

如果您有兴趣获取数字或字符串数​​组，则可以定义一个类型，该类型将采用以下任一数组：

type Tuple = Array<number | string>
const example: Tuple = [1, "message"]
const example2: Tuple = ["message", 1]

如果您期望特定顺序的数组（即数字和字符串）

type Tuple = [number, string]
const example: Tuple = [1, "message"]
const example2: Tuple = ["messsage", 1] // Type 'string' is not assignable to type 'number'.

Answer 8

const myarray:(TypeA | TypeB)[];

甚至更好地避免在多个位置进行更改，以防您需要添加其他类型，请创建类型

type MyMixedType = TypeA | TypeB;
const myarray: MyMixedType[];

Answer 9

[ 1, "message" ] as const ;

如果你执行“as const”，类型将是

type const = readonly [1, "message"]

好的，因为计算机可以进行精确的类型推断。

Answer 10

如果处理一个对我有用的对象中具有多种值类型的数组。

 { [key: string]: number | string }[]