TypeScript 数组

在 typescript 中，数组是一种特殊的对象类型，用于存储一系列的元素，这些元素可以是任何类型，包括数字、字符串、对象等。TypeScript 提供了丰富的数组操作方法和类型检查机制，使得数组的使用更加灵活和安全。

一、数组的声明与初始化

在 TypeScript 中，数组的声明与初始化有多种方式。

// 使用数组字面量
let numbers: number[] = [1, 2, 3, 4, 5];

// 使用 Array 构造函数
let fruits: string[] = new Array<string>("Apple", "Banana", "Cherry");

// 使用泛型语法（等同于上面的 Array 构造函数）
let colors: Array<string> = ["Red", "Green", "Blue"];

二、访问数组元素

数组中的元素可以通过索引进行访问，索引从 0 开始。

let animals: string[] = ["Dog", "Cat", "Bird"];
console.log(animals[0]); // 输出 "Dog"
console.log(animals[2]); // 输出 "Bird"

三、数组的长度

每个数组都有一个 length 属性，表示数组中的元素个数。

let numbers: number[] = [10, 20, 30, 40, 50];
console.log(numbers.length); // 输出 5

四、数组的遍历

TypeScript 提供了多种遍历数组的方法，包括 for 循环、for...of 循环、forEach 方法等。

let daysOfWeek: string[] = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"];

// 使用 for 循环遍历数组
for (let i = 0; i < daysOfWeek.length; i++) {
    console.log(daysOfWeek[i]);
}

// 使用 for...of 循环遍历数组
for (let day of daysOfWeek) {
    console.log(day);
}

// 使用 forEach 方法遍历数组
daysOfWeek.forEach((day) => {
    console.log(day);
});

五、数组的常用方法

TypeScript 数组继承了 JavaScript 数组的所有方法，包括 push、pop、shift、unshift、concat、slice、splice、indexOf、lastIndexOf、every、some、filter、map、reduce、sort 等。

let scores: number[] = [85, 90, 78, 92, 88];

// 添加元素到数组末尾
scores.push(95);
console.log(scores); // 输出 [85, 90, 78, 92, 88, 95]

// 移除数组末尾的元素
let lastScore = scores.pop();
console.log(lastScore); // 输出 95
console.log(scores); // 输出 [85, 90, 78, 92, 88]

// 对数组进行排序
scores.sort((a, b) => a - b);
console.log(scores); // 输出 [78, 85, 88, 90, 92]

// 映射数组元素到新的数组
let squaredScores: number[] = scores.map((score) => score * score);
console.log(squaredScores); // 输出 [6084, 7225, 7744, 8100, 8464]

六、多维数组

TypeScript 也支持多维数组，即数组的数组。

let matrix: number[][] = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

// 访问二维数组中的元素
console.log(matrix[1][1]); // 输出 5

七、元组（Tuple）

元组是一种特殊的数组，它允许数组中的元素具有不同的类型。

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // 输出 "Alice"
console.log(person[1]); // 输出 30

八、使用数组的注意事项

1、类型检查：

尽量为数组元素指定类型，以享受 TypeScript 提供的类型检查功能。

2、避免越界访问：

在访问数组元素时，确保索引在有效范围内，以避免运行时错误。

3、选择合适的方法：

根据具体需求选择合适的方法来操作数组，以提高代码的可读性和效率。

通过掌握这些数组相关的概念和技巧，你可以在 TypeScript 中更加高效地处理数据集合，编写出更加健壮和易于维护的代码。

本文地址：https://www.tides.cn/p_typescript-array