大家好，我是半夏👴，一个热爱分享的前端程序员（半吊子后端程序员）.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识!

专栏地址

https://blog.csdn.net/shangyanaf/category_11822476.html

数组在 TypeScript 中的工作方式与在 Javascript 中的工作方式相同，唯一的区别是我们必须预先定义它们的类型。数组，就其本质而言，是一个有序的数据列表。

在 TypeScript 中定义数组类型

如果我们有一个数组，我们可以在 TypeScript 中使用type[]定义它的类型。例如，下面的变量arrayType是一个字符串数组。

let arrayType:string[] = [ 'hello', 'there' ]
1

类似地，一个数字数组可以这样定义：

let myNumbers:number[] = [ 1, 2, 3, 4 ];

1
2

这也使任何新增加的数组项都必须符合该类型。例如，我们不能将number a添加到定义为string type 的数组的末尾：

let myNumbers:number[] = [ 1, 2, 3, 4 ];
// Throws an error.
myNumbers.push("string");

1
2
3
4

TypeScript 中的元组类型

元组是一种数组类型，具有定义数量的指定类型的项。元组可以是任意长度。例如，我们可以定义一个包含两个元素的数组，类型string为 和number，这将被称为元组。这可以通过执行以下操作来实现。

let myTuple:[ string, number ] = [ "hello", 20 ];
1

在 TypeScript 中将混合类型存储在数组中

有时，我们知道一个数组将由一个number加上多个string元素组成，但我们不确定顺序是什么，甚至不确定有多少。因此，元组在这里并不是真正的正确选择。相反，我们可以使用与以前相同的格式定义这样的数组，只让 TypeScript 知道它可以是多种类型。

例如，对于一个长度未知的数组，其中任何一项都可以是 number或 string，我们可以编写以下代码：

let type:(string | number)[] = [ 'hello', 'world', 20, 40, 'goodbye' ];

1
2

在 TypeScript 中为数组设置通用类型格式

最后，还可以使用泛型类型定义Array类型。例如，一个number Array可以这样定义：

let type:Array = [ 0, 1, 2, 3, 4, 5 ]

1
2

或者，可以像这样定义item 可以是 string或 number 的数组

let type:Array = [ 'hello', 'world', 20, 40, 'goodbye' ];

1
2