Typescript 数组项之一 - TypeScript

数组是一个由一组元素构成的集合，而 TypeScript 数组是用来存储同一类型元素的集合。在 TypeScript 中，我们可以定义以下类型的数组：number、string、boolean、object、null 和 undefined。

声明数组

基本类型数组

在 TypeScript 中声明数组，我们需要使用 Array(T) 这个接口，其中 T 指代数组元素的类型。

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

// 声明一个包含字符串的数组
let strings: Array<string> = ["hello", "world", "!"];

对象类型数组

也可以声明一个包含对象类型的数组，例如：

interface Person {
  name: string;
  age: number;
  gender: "male" | "female";
}

let persons: Array<Person> = [
  { name: "Tom", age: 18, gender: "male" },
  { name: "Lily", age: 20, gender: "female" },
];

数组相关操作

下面我们来介绍一些数组相关的操作。

访问数组

访问数组元素时，我们可以使用方括号 [] 和索引值来访问：

let nums: Array<number> = [1, 2, 3, 4, 5];
console.log(nums[0]); // 输出 1

修改数组

同样使用方括号和索引值来修改数组元素：

let nums: Array<number> = [1, 2, 3, 4, 5];
nums[0] = 100;
console.log(nums[0]); // 输出 100

数组追加元素

可以使用 push() 方法向数组末尾添加一个或多个元素：

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

nums.push(7, 8);
console.log(nums); // 输出 [1, 2, 3, 4, 5, 6, 7, 8]

数组迭代

可以使用 for 循环或 for...of 循环来迭代数组：

let nums: Array<number> = [1, 2, 3, 4, 5];

// for 循环迭代数组
for (let i = 0; i < nums.length; i++) {
  console.log(nums[i]);  
}

// for...of 循环迭代数组
for (let num of nums) {
  console.log(num);  
}

数组过滤

可以使用 filter() 方法过滤数组，该方法会创建一个新数组，其中包含符合条件的元素：

let nums: Array<number> = [1, 2, 3, 4, 5];

// 过滤出大于 3 的元素
let filteredNums = nums.filter((num) => num > 3);

console.log(filteredNums); // 输出 [4, 5]

以上就是 TypeScript 数组的基本使用方法和相关操作。在实际开发中，我们可以根据具体的业务需求，选择合适的数组类型和操作来提高开发效率和代码质量。