Arrays Tipados Multidimensionais

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 19 de 73.

O TypeScript permite que você crie arrays multidimensionais para lidar com esse tipo de dado estruturado com total segurança de tipos.

Um array multidimensional é essencialmente um array de arrays. O exemplo mais comum é um array 2D, que você pode imaginar como uma grade ou matriz. Para tipar um array 2D em TypeScript, você usa a sintaxe 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 acessar elementos em um array multidimensional, você usa múltiplos conjuntos de colchetes. O primeiro índice seleciona a linha, e o segundo índice seleciona a coluna dentro dessa linha:

let matrix: number[][] = [[1, 2], [3, 4]];
console.log(matrix[0][1]); // 2 (primeira linha, segunda coluna)
console.log(matrix[1][0]); // 3 (segunda linha, primeira coluna)

O TypeScript garante que cada array interno contenha apenas elementos do tipo especificado, oferecendo os mesmos benefícios de segurança de tipo que você obtém com arrays regulares, mas estendidos para funcionar com estruturas de dados complexas em formato de grade.

Desafio

Fácil

Crie um array 2D chamado gameGrid que possa conter números e inicialize-o como uma matriz 3x3 com os seguintes valores:

Primeira linha: 1, 2, 3
Segunda linha: 4, 5, 6
Terceira linha: 7, 8, 9

Crie outro array 2D chamado chessBoard que possa conter strings e inicialize-o como uma matriz 2x2 com os seguintes valores:

Primeira linha: "white", "black"
Segunda linha: "black", "white"

Acesse e imprima o elemento na segunda linha, primeira coluna do array gameGrid.

Acesse e imprima o elemento na primeira linha, segunda coluna do array chessBoard.

Imprima cada valor em uma linha separada na ordem especificada acima.

Experimente você mesmo

// TODO: Escreva seu código aqui
// Crie a matriz 2D gameGrid (matriz 3x3 com números de 1 a 9)

// Crie a matriz 2D chessBoard (matriz 2x2 com valores de string)

// Acesse e imprima o elemento na segunda linha, primeira coluna do gameGrid

// Acesse e imprima o elemento na primeira linha, segunda coluna do chessBoard