JavaScript 2D Array

Este tutorial presenta cómo declarar un array bidimensional en JavaScript. En un array bidimensional, los elementos se organizan como un array en forma de filas y columnas. Es como un array cuyos elementos son arrays unidimensionales.

Constructor de matrices para crear un Array 2D en JavaScript

Usamos el constructor de matrices para crear un array vacía de la longitud dada. Luego podemos usar un bucle for para crear un array para cada elemento.

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);

Producción :

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

Array Literal Notion para crear un array 2D en JavaScript

Podemos usar el método de notación literal para crear matrices 2D en JavaScript.

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

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

console.log(arr);

Producción :

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

El método Array.from() para crear un array 2D en JavaScript

El método Array.from() devuelve un objeto de array de cualquier objeto JavaScript.

const m = 4;
const n = 5;

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

console.log(arr);

Producción :

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

El método Array.prototype.map() para crear un array 2D en JavaScript

El método Array.map() también ayuda a crear un array 2D mediante la asignación de elementos de array a un array vacía.

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

Producción :

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