您的位置:

详解 TypeScript 中的数组声明

一、TS声明数组对象

在 TypeScript 中,可以使用数组来存储一系列的数据。声明一个数组的方式有多种,其中最简单的一种就是使用方括号 [] 来定义一个数组:

let arr: any[] = [];

其中,arr 是声明的数组名,any 表示数组中的元素类型可以是任意类型,方括号内的空数组表示这是一个空数组。

二、st数组声明

除了用方括号来声明数组,还可以使用 Array<T> 的形式来声明带有类型 T 的数组:

let arr: Array<number> = [1, 2, 3];

上面的例子中,arr 是一个名称为 arr 的数组,Array<number> 表示这个数组只存储数字类型,而方括号内的 1,2,3 表示这个数组初始值为 1,2,3 。

三、TS声明数组类型

在 TypeScript 中,还可以使用类型别名的方式来声明数组类型

type arrType = string[];

这样就声明了一个名为 arrType 的类型别名,它代表的是存储字符串类型的数组。

四、TS声明数组元素

如果要指定数组具体的元素,可以使用 = 对数组进行赋值:

let arr: number[] = [1, 2, 3];

这段代码中声明了一个名为 arr 的数组,其中存储了三个数字类型的元素 1,2,3

五、TS声明数组类型接口

在 TypeScript 中,可以使用接口的方式来声明数组类型

interface arrInterface {
  [index:number]:boolean
}

可以看到,这里的接口定义了一个名为 arrInterface 的接口,这个接口的元素类型为 boolean,而且元素下标必须是数字。

六、TS声明一个对象数组

除了声明基本类型的数组外,还可以声明一个对象数组。声明对象数组的方式非常简单,只需在数组类型声明时使用对象类型即可:

interface Person {
  name: string,
  age: number
}

let persons: Person[] = [{
 name: "Alice",
 age: 20
}, {
 name: "Bob",
 age: 30
}]

这段代码声明了一个对象数组,其中每个对象代表了一个 Person。

七、TS声明数组后,给数组赋值

可以使用方括号加数字下标的方式来给数组赋值,下标从 0 开始:

let arr: number[] = [];
arr[0] = 1;
arr[1] = 2;

这段代码声明了一个空数组,将第一个元素赋值为 1,第二个元素赋值为 2

八、TS定义数组

声明了数组之后,还需要定义数组的规模,这可以使用数组长度属性 length 来实现:

let arr: number[] = new Array(3);
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;

这样就声明了长度为 3 的数字类型数组,并将数组中的元素按顺序赋值为 1,2,3

九、TS 数组类型

在 TypeScript 中,可以使用 number[],string[],boolean[] 等类型来声明数组类型,也可以使用 Array<number>,Array<string>,Array<boolean> 等类似的语法。

通过本文的讲解,相信你已经对 TypeScript 中数组声明的各种方法和用法有了一定的了解。掌握这些知识可以帮助你更加灵活地使用 TypeScript,提高代码的可读性和可维护性。