TypeScript数组|极客教程

TypeScript数组

数组是一种用来存储多个元素的数据结构，在编程中经常会使用到。TypeScript是JavaScript的一个超集，提供了静态类型检查以及诸多新特性，其中也包括对数组的支持。本文将详细介绍在TypeScript中如何使用数组，包括声明数组、数组的属性和方法、泛型数组等。

声明数组

在TypeScript中，我们可以通过以下方式声明一个数组：

// 声明一个数字数组
let numbers: number[] = [1, 2, 3, 4, 5];

// 声明一个字符串数组
let fruits: string[] = ['apple', 'banana', 'orange'];

// 声明一个混合类型数组
let mixed: (number | string)[] = [1, 'apple', 2, 'banana'];

在上面的示例中，我们分别声明了一个数字数组、一个字符串数组和一个混合类型数组。可以看到，数组类型的声明方式为类型[]，其中类型可以是任意基本类型或自定义类型。

数组的属性和方法

在TypeScript中，数组也有一些内置的属性和方法，方便我们对数组进行操作。以下是一些常用的数组属性和方法：

length

length属性用于获取数组的长度：

let numbers: number[] = [1, 2, 3, 4, 5];
console.log(numbers.length); // 输出: 5

push

push方法用于向数组末尾添加一个或多个元素，并返回数组的新长度：

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6);
console.log(numbers); // 输出: [1, 2, 3, 4, 5, 6]

pop

pop方法用于从数组末尾移除最后一个元素，并返回该元素的值：

let numbers: number[] = [1, 2, 3, 4, 5];
let lastNumber = numbers.pop();
console.log(lastNumber); // 输出: 5
console.log(numbers); // 输出: [1, 2, 3, 4]

forEach

forEach方法用于遍历数组中的每个元素，并执行提供的回调函数：

let numbers: number[] = [1, 2, 3, 4, 5];
numbers.forEach(num => {
    console.log(num);
});
// 输出:
// 1
// 2
// 3
// 4
// 5

map

map方法用于遍历数组中的每个元素，并对每个元素执行提供的回调函数，返回一个新数组：

let numbers: number[] = [1, 2, 3, 4, 5];
let doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // 输出: [2, 4, 6, 8, 10]

filter

filter方法用于筛选数组中的元素，返回一个符合条件的新数组：

let numbers: number[] = [1, 2, 3, 4, 5];
let oddNumbers = numbers.filter(num => num % 2 !== 0);
console.log(oddNumbers); // 输出: [1, 3, 5]

find

find方法用于查找数组中第一个满足条件的元素，如果找到则返回该元素，否则返回 undefined：

let numbers: number[] = [1, 2, 3, 4, 5];
let result = numbers.find(num => num > 3);
console.log(result); // 输出: 4

泛型数组

TypeScript还支持泛型数组，可以在数组声明时指定元素的类型：

// 声明一个数字数组
let numbers: Array<number> = [1, 2, 3, 4, 5];

// 声明一个字符串数组
let fruits: Array<string> = ['apple', 'banana', 'orange'];

// 声明一个混合类型数组
let mixed: Array<number | string> = [1, 'apple', 2, 'banana'];

使用泛型数组可以更明确地定义数组中元素的类型，提高代码的可读性和可维护性。