TypeScript 数组

TypeScript 数组是一种存储相同类型元素的集合容器。数组可以通过下标访问或者迭代访问数组元素。

声明数组

可以声明一维或多维数组，以下是一维数组的声明方式：

let arr: number[] = [1, 2, 3, 4, 5];
let arr2: Array<string> = ['a', 'b', 'c'];

以下是多维数组的声明方式：

let arr3: number[][] = [[1, 2], [3, 4]];
let arr4: Array<Array<string>> = [['a', 'b'], ['c', 'd']];

访问数组元素

访问数组元素可以使用下标，下标从 0 开始计数。

console.log(arr[0]); // 1
console.log(arr2[1]); // b
console.log(arr3[0][1]); // 2
console.log(arr4[1][0]); // c

遍历数组

可以使用 for 循环或者 forEach 方法遍历数组元素。

for 循环遍历

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

forEach 方法遍历

arr.forEach((item, index) => {
  console.log(item, index);
});

数组常用方法

以下是数组常用方法：

push(...items: T[]): number

将一个或多个元素添加到数组的末尾，并返回新数组的长度。

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

pop(): T | undefined

删除数组的最后一个元素，并返回该元素的值。

let arr: number[] = [1, 2, 3];
let last = arr.pop();
console.log(arr, last); // [1, 2], 3

shift(): T | undefined

删除数组的第一个元素，并返回该元素的值。

let arr: number[] = [1, 2, 3];
let first = arr.shift();
console.log(arr, first); // [2, 3], 1

unshift(...items: T[]): number

将一个或多个元素添加到数组的开头，并返回新数组的长度。

let arr: number[] = [1, 2, 3];
arr.unshift(4, 5);
console.log(arr); // [4, 5, 1, 2, 3]

slice(start?: number, end?: number): T[]

返回一个从原数组中指定开始下标到结束下标之间的新数组。

let arr: number[] = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 3);
console.log(arr, newArr); // [1, 2, 3, 4, 5], [2, 3]

splice(start: number, deleteCount?: number, ...items: T[]): T[]

从数组中添加或删除元素，并返回被删除元素的数组。

let arr: number[] = [1, 2, 3, 4, 5];
let removed = arr.splice(1, 2, 6, 7);
console.log(arr, removed); // [1, 6, 7, 4, 5], [2, 3]