深入理解 TypeScript 数组类型

在 TypeScript 中，数组是一种复合类型，用于描述具有相同类型元素的集合。TypeScript 的数组类型提供了丰富的特性，包括索引类型、长度类型、可变性和不变性等。下面我们将深入探讨这些特性。
一、数组的声明
在 TypeScript 中，你可以使用以下语法声明一个数组：

let array: number[]; // 声明一个元素类型为 number 的数组

你也可以指定数组的初始值：

let numbers: number[] = [1, 2, 3]; // 声明并初始化一个元素类型为 number 的数组

二、索引类型
在 TypeScript 中，你可以使用索引签名来描述数组的索引类型。索引签名定义了数组中每个元素的类型。例如，下面的代码定义了一个二维数组：

let matrix: [number, number][]; // 定义一个二维数组，每个元素都是一个包含两个 number 的数组

在这个例子中，matrix 是一个二维数组，每个元素都是一个包含两个 number 类型的元素的数组。你可以使用索引来访问数组中的元素：

console.log(matrix[0][0]); // 输出第一个元素的第一个元素

三、长度类型
在 TypeScript 中，你可以使用 length 属性来获取数组的长度。你可以使用 number 类型来描述数组的长度：

let length: number = array.length; // 获取数组长度并赋值给 length 变量

你也可以使用条件类型来描述可变长度的数组：

let variableLength: number[] | undefined = []; // 定义一个可变长度的数组，可以是 number[] 或 undefined

在这个例子中，variableLength 可以是一个 number[] 或 undefined。你可以根据需要添加或删除元素：

variableLength.push(1); // 添加一个元素到数组中
console.log(variableLength[0]); // 输出第一个元素

四、可变性和不变性
在 TypeScript 中，你可以选择声明不可变或可变的数组。不可变数组是指一旦创建就不能修改的数组，而可变数组则可以修改。例如：
不可变数组：

let frozen: ReadonlyArray<number> = [1, 2, 3]; // 声明一个只读数组，不能修改其内容
frozen[0] = 0; // 编译错误：TypeError: Cannot assign to read only property '0' of object '#<Object>'

可变数组：

let mutable: number[] = [1, 2, 3]; // 声明一个可变数组，可以修改其内容
mutable[0] = 0; // 修改第一个元素为 0，没有问题