Tableaux typés multidimensionnels

Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 19 sur 73.

TypeScript vous permet de créer des tableaux multidimensionnels pour gérer ce type de données structurées avec une sécurité de type complète.

Un tableau multidimensionnel est essentiellement un tableau de tableaux. L'exemple le plus courant est un tableau en 2D, que vous pouvez imaginer comme une grille ou une matrice. Pour typer un tableau en 2D en TypeScript, vous utilisez la syntaxe 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"]
];

Pour accéder aux éléments d'un tableau multidimensionnel, vous utilisez plusieurs ensembles de crochets. Le premier index sélectionne la ligne, et le second index sélectionne la colonne au sein de cette ligne :

let matrix: number[][] = [[1, 2], [3, 4]];
console.log(matrix[0][1]); // 2 (première ligne, deuxième colonne)
console.log(matrix[1][0]); // 3 (deuxième ligne, première colonne)

TypeScript garantit que chaque tableau interne ne contient que des éléments du type spécifié, vous offrant les mêmes avantages en matière de sécurité de type que ceux que vous obtenez avec des tableaux réguliers, mais étendus pour fonctionner avec des structures de données complexes de type grille.

Défi

Facile

Créez un tableau 2D nommé gameGrid pouvant contenir des nombres et initialisez-le comme une matrice 3x3 avec les valeurs suivantes :

Première ligne : 1, 2, 3
Deuxième ligne : 4, 5, 6
Troisième ligne : 7, 8, 9

Créez un autre tableau 2D nommé chessBoard pouvant contenir des chaînes de caractères et initialisez-le comme une matrice 2x2 avec les valeurs suivantes :

Première ligne : "white", "black"
Deuxième ligne : "black", "white"

Accédez à l'élément situé à la deuxième ligne, première colonne du tableau gameGrid et affichez-le.

Accédez à l'élément situé à la première ligne, deuxième colonne du tableau chessBoard et affichez-le.

Affichez chaque valeur sur une ligne distincte dans l'ordre spécifié ci-dessus.

Essayez vous-même

// À FAIRE : Écrivez votre code ici
// Créer le tableau 2D gameGrid (matrice 3x3 avec les nombres 1-9)

// Créer le tableau 2D chessBoard (matrice 2x2 avec des valeurs de chaîne)

// Accéder et imprimer l'élément à la deuxième ligne, première colonne de gameGrid

// Accéder et imprimer l'élément à la première ligne, deuxième colonne de chessBoard