JavaScript 2D Array

Ce didacticiel explique comment déclarer un tableau à deux dimensions en JavaScript. Dans un tableau à deux dimensions, les éléments sont organisés sous forme de matrice sous la forme de lignes et de colonnes. C’est comme un tableau dont les éléments sont des tableaux unidimensionnels.

Constructeur de tableaux pour créer un tableau 2D en JavaScript

Nous utilisons le constructeur de tableau pour créer un tableau vide de la longueur donnée. On peut alors utiliser une boucle for pour créer un tableau pour chaque élément.

const m = 4;
const n = 5;

let arr = new Array(m);

for (var i = 0; i < m; i++) {
  arr[i] = new Array(n);
}

console.log(arr);

Production:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

Notion littérale de tableau pour créer un tableau 2D en JavaScript

Nous pouvons utiliser la méthode de notation littérale pour créer des tableaux 2D en JavaScript.

const m = 4;
const n = 5;
let arr = [];

for (var i = 0; i < m; i++) {
  arr[i] = [];
}

console.log(arr);

Production:

Array [ [], [], [], [] ]

La méthode Array.from() pour créer un tableau 2D en JavaScript

La méthode Array.from() renvoie un objet tableau à partir de n’importe quel objet JavaScript.

const m = 4;
const n = 5;

let arr = Array.from(Array(m), () => new Array(n));

console.log(arr);

Production:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

La méthode Array.prototype.map() pour créer un tableau 2D en JavaScript

La méthode Array.map() permet également de créer un tableau 2D en mappant des éléments du tableau à un tableau vide.

const m = 4;
const n = 5;
let arr = Array(m).fill().map(() => Array(n));
console.log(arr);

Production:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]