Arrays tipados multidimensionales

Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 19 de 73.

TypeScript te permite crear arrays multidimensionales para manejar este tipo de datos estructurados con total seguridad de tipos.

Un array multidimensional es esencialmente un array de arrays. El ejemplo más común es un array 2D, que puedes imaginar como una cuadrícula o matriz. Para tipar un array 2D en TypeScript, utilizas la sintaxis Type[][]:

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

let gameBoard: string[][] = [
  ["X", "O", "X"],
  ["O", "X", "O"],
  ["X", "O", "X"]
];

Para acceder a los elementos de un array multidimensional, se utilizan varios juegos de corchetes. El primer índice selecciona la fila y el segundo índice selecciona la columna dentro de esa fila:

let matrix: number[][] = [[1, 2], [3, 4]];
console.log(matrix[0][1]); // 2 (primera fila, segunda columna)
console.log(matrix[1][0]); // 3 (segunda fila, primera columna)

TypeScript garantiza que cada array interno contenga solo elementos del tipo especificado, brindándote los mismos beneficios de seguridad de tipos que obtienes con los arrays regulares, pero extendidos para trabajar con estructuras de datos complejas similares a cuadrículas.

Desafío

Fácil

Crea un array bidimensional llamado gameGrid que pueda contener números e inicialízalo como una matriz de 3x3 con los siguientes valores:

Primera fila: 1, 2, 3
Segunda fila: 4, 5, 6
Tercera fila: 7, 8, 9

Crea otro array bidimensional llamado chessBoard que pueda contener cadenas de texto e inicialízalo como una matriz de 2x2 con los siguientes valores:

Primera fila: "white", "black"
Segunda fila: "black", "white"

Accede e imprime el elemento en la segunda fila, primera columna del array gameGrid.

Accede e imprime el elemento en la primera fila, segunda columna del array chessBoard.

Imprime cada valor en una línea separada en el orden especificado anteriormente.

Pruébalo tú mismo

// TODO: Escribe tu código aquí
// Crea el array bidimensional gameGrid (matriz 3x3 con números del 1 al 9)

// Crea el array bidimensional chessBoard (matriz 2x2 con valores de cadena)

// Accede e imprime el elemento en la segunda fila, primera columna de gameGrid

// Accede e imprime el elemento en la primera fila, segunda columna de chessBoard