TypeScript 数组

注意: 如果您是 TypeScript 新手，请先查看我们的 TypeScript 入门 教程。

数组是相同数据类型元素的集合。

let age: number[] = [10, 12, 3, 40, 5];
console.log(age);

创建数组

在 TypeScript 中，您可以通过定义一个带有数组类型注解的变量来创建数组（该注解指定数组将包含的元素类型）。

例如，要存储班级学生的名字，您可以这样写：

let studentNames: string[] = ["Alice", "Bob", "Charlie"];

因此，在 TypeScript 中创建数组的语法是：

let arrayName: elementType[] = [element1, element2, element3];

访问数组元素

一旦创建了数组，您就可以通过它们的索引来访问其元素。

数组的索引从 **0** 开始，这意味着第一个元素位于索引 **0**，第二个元素位于索引 **1**，依此类推。例如：

let fruits: string[] = ["apple", "banana", "cherry"];

// Accesses "apple"
let firstFruit: string = fruits[0];

// Accesses "banana"
let secondFruit: string = fruits[1];

console.log(firstFruit);
console.log(secondFruit);

输出

apple
banana

数组中的操作

您可以在数组上执行各种操作，例如添加、删除和更改其元素。

让我们详细看看每种操作。

向数组添加元素

您可以使用 push() 方法将一个或多个元素添加到数组的末尾。例如：

let fruits: string[] = ["apple", "banana", "cherry"];

// Add "orange" to the end of the array
fruits.push("orange");

console.log(fruits);

输出

["apple", "banana", "cherry", "orange"]

let fruits: string[] = ["apple", "banana", "cherry"];
fruits.unshift("strawberry");

console.log(fruits);

// Output: ["strawberry", "apple", "banana", "cherry"]

从数组中删除元素

您可以使用 pop() 方法从数组中删除最后一个元素。例如：

let fruits: string[] = ["apple", "banana", "cherry"];
let lastFruit: string = fruits.pop();

console.log(lastFruit);

输出

cherry

如您所见，pop() 方法会删除最后一个元素并返回它。然后我们将此返回值存储在 lastFruit 变量中。

let fruits: string[] = ["apple", "banana", "cherry"];
let firstFruit: string = fruits.shift();

console.log(firstFruit);

// Output: apple

更改数组中的元素

您可以通过为指定索引分配新值来更改数组中的元素。例如：

let fruits: string[] = ["apple", "banana", "cherry"];
console.log("Before changing, the second element is" , fruits[1]);

fruits[1] = "mango";

console.log("After changing, the second element is" , fruits[1]);

输出

Before changing, the second element is banana  
After changing, the second element is mango

数组方法

您还可以使用其他几种数组方法来执行各种操作。这些方法总结在下表中：

示例：数组方法

让我们来看一个例子，看看上述一些方法是如何工作的。

let array1: number[] = [1, 2, 3];
let array2: number[] = [4, 5, 6];

// Use concat() to merge array1 and array2
let combinedArray: number[] = array1.concat(array2);
console.log("Combined Array:", combinedArray);  

// Use indexOf() to find the index of element '5' in the combinedArray
let index: number = combinedArray.indexOf(5);
console.log('Index of 5:', index);  

// Use slice() to get a portion of the combinedArray (elements at index 1 to 3)
let slicedArray: number[] = combinedArray.slice(1, 4);
console.log("Sliced Array:", slicedArray);  

// Use splice() to remove two elements starting from index 3 and add '7', '8'
combinedArray.splice(3, 2, 7, 8);
console.log("Modified Combined Array:", combinedArray); 

输出

Combined Array: [1, 2, 3, 4, 5, 6]
Index of 5: 4
Sliced Array: [2, 3, 4]
Modified Combined Array: [1, 2, 3, 7, 8, 6]

let emptyArray: number[] = new Array();

// Creates an array with 5 empty slots.
let arrayWithSize: number[] = new Array(5);  

let arrayWithElements: number[] = new Array(1, 2, 3, 4);

另请阅读

• TypeScript 数据类型