JavaScript 2D Array

Harshit Jindal 12 octubre 2023
  1. Constructor de matrices para crear un Array 2D en JavaScript
  2. Array Literal Notion para crear un array 2D en JavaScript
  3. El método Array.from() para crear un array 2D en JavaScript
  4. El método Array.prototype.map() para crear un array 2D en JavaScript
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 ] ]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Artículo relacionado - JavaScript Array