TypeScript 中如何操作数组？

在 TypeScript 中，数组是一种重要的数据类型，很多前端开发任务都要用到数组。在本文中，我们将探讨 TypeScript 中如何操作数组，包括数组的创建、遍历、操作等。

数组的创建

在 TypeScript 中，可以使用以下语法来创建一个数组：

let arr: number[] = [1, 2, 3];

其中，number[] 表示数组元素的类型是数字，可以改为其他的数据类型。

也可以使用 Array 对象来创建数组：

let arr: Array<number> = [1, 2, 3];

这种写法和上面的写法是等价的。

遍历数组

在 TypeScript 中，可以使用 for 循环来遍历数组，也可以使用 forEach 函数来遍历数组。示例代码如下：

let arr: number[] = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
arr.forEach((item) => {
  console.log(item);
});

数组的操作

添加元素

在 TypeScript 中，可以使用 push 和 unshift 函数来向数组添加元素。示例代码如下：

let arr: number[] = [1, 2, 3];
arr.push(4); // 数组变成 [1, 2, 3, 4]
arr.unshift(0); // 数组变成 [0, 1, 2, 3, 4]

删除元素

在 TypeScript 中，可以使用 pop 和 shift 函数来从数组中删除元素。示例代码如下：

let arr: number[] = [0, 1, 2, 3, 4];
arr.pop(); // 数组变成 [0, 1, 2, 3]
arr.shift(); // 数组变成 [1, 2, 3]

连接数组

在 TypeScript 中，可以使用 concat 函数来将两个数组连接起来。示例代码如下：

let arr1: number[] = [1, 2, 3];
let arr2: number[] = [4, 5, 6];
let arr3: number[] = arr1.concat(arr2); // 数组变成 [1, 2, 3, 4, 5, 6]

数组去重

在 TypeScript 中，可以使用 Set 对象来去重。示例代码如下：

let arr: number[] = [1, 2, 2, 3, 3, 3];
let set: Set<number> = new Set(arr);
let newArr: number[] = Array.from(set); // 数组变成 [1, 2, 3]

数组排序

在 TypeScript 中，可以使用 sort 函数来对数组进行排序。示例代码如下：

let arr: number[] = [3, 1, 4, 2, 5];
arr.sort(); // 数组变成 [1, 2, 3, 4, 5]

总结

本文介绍了 TypeScript 中操作数组的方法，包括数组的创建、遍历、添加元素、删除元素、数组连接、数组去重、数组排序等。对开发者在前端开发任务中操作数组有着指导意义，基于此开发者可以更加灵活的运用 TypeScript 语言完成前端开发任务。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/664de03bd3423812e4db4cfa