TypeScript 中数组的操作方法

在 TypeScript 中，数组是一种常见的数据类型。数组提供了一种方便的方式来存储和操作一组数据。本文将介绍 TypeScript 中数组的常见操作方法。

创建数组

在 TypeScript 中，可以使用以下方式创建数组：

-- -------------------- ---- -------
-- -------
--- ----- ----- - ---

-- ------------
--- ----- -------- - --- -- ---

-- -------------
--- ----- -------- - --- ---------

-- -----------------
--- ----- --------- - --- --------------------

访问数组元素

可以使用下标来访问数组元素，下标从 0 开始。例如：

let arr: string[] = ['a', 'b', 'c'];
console.log(arr[0]); // 输出 'a'
console.log(arr[1]); // 输出 'b'
console.log(arr[2]); // 输出 'c'

添加元素

可以使用以下方法向数组中添加元素：

push 方法

push 方法可以向数组末尾添加一个或多个元素，并返回新数组的长度。例如：

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

unshift 方法

unshift 方法可以向数组开头添加一个或多个元素，并返回新数组的长度。例如：

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

splice 方法

splice 方法可以向数组中的任意位置添加一个或多个元素，并返回被删除的元素。例如：

let arr: number[] = [1, 2, 4, 5];
let deleted = arr.splice(2, 0, 3);
console.log(arr); // 输出 [1, 2, 3, 4, 5]
console.log(deleted); // 输出 []

删除元素

可以使用以下方法从数组中删除元素：

pop 方法

pop 方法可以从数组末尾删除一个元素，并返回被删除的元素。例如：

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

shift 方法

shift 方法可以从数组开头删除一个元素，并返回被删除的元素。例如：

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

splice 方法

splice 方法可以从数组中的任意位置删除一个或多个元素，并返回被删除的元素。例如：

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

修改元素

可以使用下标来修改数组中的元素。例如：

let arr: string[] = ['a', 'b', 'c'];
arr[1] = 'd';
console.log(arr); // 输出 ['a', 'd', 'c']

遍历数组

可以使用以下方法遍历数组：

for 循环

可以使用 for 循环遍历数组。例如：

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

forEach 方法

forEach 方法可以遍历数组中的每个元素，并对其进行操作。例如：

let arr: number[] = [1, 2, 3];
arr.forEach(item => {
  console.log(item);
});

总结

本文介绍了 TypeScript 中数组的常见操作方法，包括创建数组、访问数组元素、添加元素、删除元素、修改元素和遍历数组。这些方法在前端开发中非常常见，掌握它们可以提高开发效率。

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