来自数组的 TypeScript 类型 - TypeScript

在 TypeScript 中，数组是一个很常见的数据类型。在定义数组的时候，我们可以指定数组中元素的类型，以保证类型的安全性。同时，TypeScript 也提供了一些数组相关的类型，方便开发人员进行数组的使用和操作。

定义数组

在 TypeScript 中，我们可以使用 [] 或 Array<元素类型> 来定义一个数组。例如：

const numbers: number[] = [1, 2, 3];
const weekdays: Array<string> = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

以上代码定义了一个数字类型的数组 numbers 和一个字符串类型的数组 weekdays。其中，numbers 数组包含了数字类型的元素，而 weekdays 数组包含了字符串类型的元素。

访问数组元素

在 TypeScript 中，我们可以使用下标来访问数组元素。下标从 0 开始，最大值为数组长度减 1。例如：

console.log(numbers[0]); // 输出 1
console.log(weekdays[3]); // 输出 Thursday

数组类型

在 TypeScript 中，数组有以下几种类型：

1. 数组元素类型

我们可以使用 类型[] 或 Array<类型> 来指定数组中元素的类型。例如：

const numbers: number[] = [1, 2, 3];
const weekdays: Array<string> = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

在以上代码中，numbers 数组的元素类型为 number，而 weekdays 数组的元素类型为 string。

2. 可选元素

有时候我们希望数组中的某些元素可以为空或不存在。在 TypeScript 中，我们可以使用 类型 | undefined 或 类型 | null 或 类型 | undefined | null 来指定可选元素。例如：

const numbers: (number | undefined)[] = [1, 2, undefined];
const weekdays: (string | null)[] = ['Monday', 'Tuesday', null];

在以上代码中，numbers 数组的第三个元素为 undefined，而 weekdays 数组的第三个元素为 null。

3. 只读数组

有时候我们希望定义一个只读的数组，即数组中的元素不可被修改。在 TypeScript 中，我们可以使用 ReadonlyArray<元素类型> 来定义只读数组。例如：

const numbers: ReadonlyArray<number> = [1, 2, 3];
numbers[0] = 4; // 编译错误，不能修改只读数组的元素

在以上代码中，numbers 数组被定义为只读数组，因此不能修改数组中的元素。

4. 元组

元组是一种固定长度的数组，其中每个元素可以有不同的类型。在 TypeScript 中，我们可以使用 [类型1, 类型2, ...] 来定义元组类型。例如：

const tuple: [string, number] = ['apple', 3];
console.log(tuple[0]); // 输出 apple
console.log(tuple[1]); // 输出 3

在以上代码中，tuple 变量被定义为一个元组，其中第一个元素的类型为 string，第二个元素的类型为 number。

总结

在 TypeScript 中，数组是一个常见的数据类型。我们可以使用 类型[] 或 Array<类型> 来定义数组，使用下标来访问数组元素。同时，TypeScript 还提供了一些数组相关的类型，如可选元素、只读数组和元组等，方便开发人员进行数组的使用和操作。