详解 TypeScript 中的数组声明

小蓝 • 2024-12-27 12:58 • 编程

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

let arr: any[] = [];

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

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

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

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

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

type arrType = string[];

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

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

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

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

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

interface arrInterface {
  [index:number]:boolean
}

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

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

interface Person {
  name: string,
  age: number
}

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

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

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

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

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

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

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

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

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

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

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/296286.html