Typescript 实例化 2D 数组

在 Typescript 中，我们可以使用数组来存储一组数据。而有时候我们需要使用 2D 数组来存储一组具有结构性的数据，例如表格数据等。本文将介绍如何在 Typescript 中实例化 2D 数组。

声明 2D 数组

在 Typescript 中，我们可以使用两种方式来声明 2D 数组。

方式一

第一种方式是使用数组的两个维度来声明 2D 数组。例如：

let arr: number[][] = [[1,2,3], [4,5,6], [7,8,9]];

上述代码表示声明了一个包含三个子数组的 2D 数组，每个子数组包含三个数字。

方式二

第二种方式是使用 Array 类来声明 2D 数组。例如：

let arr: Array<Array<number>> = [[1,2,3], [4,5,6], [7,8,9]];

上述代码和第一种方式实际上是等效的。

特别说明

需要注意的是，当使用第一种方式声明 2D 数组时，我们必须给每个子数组分别进行初始化。否则，Typescript 会将其解析为 any[][] 类型，这会导致运行时的类型错误。

访问 2D 数组

访问 2D 数组与访问普通数组类似，只不过需要使用两次索引。例如：

let arr: number[][] = [[1,2,3], [4,5,6], [7,8,9]];
console.log(arr[1][2]); // 输出 6

上述代码表示先访问第二个子数组，再访问该子数组的第三个元素。

遍历 2D 数组

遍历 2D 数组可以使用嵌套的 for 循环。例如：

let arr: number[][] = [[1,2,3], [4,5,6], [7,8,9]];
for (let i = 0; i < arr.length; i++) {
  for (let j = 0; j < arr[i].length; j++) {
    console.log(arr[i][j]);
  }
}

上述代码表示先遍历每个子数组，再遍历每个子数组的每个元素。

总结

本文介绍了在 Typescript 中实例化 2D 数组的方法，并介绍了访问和遍历 2D 数组的方式。对于需要处理表格数据等具有结构性数据的场景，使用 2D 数组可以帮助我们更好地组织数据。