JavaScript 2D Array
- Construtor de array para criar matriz 2D em JavaScript
- Noção Literal de Array para Criar Array 2D em JavaScript
-
o método
Array.from()
para criar array 2D em JavaScript -
o método
Array.prototype.map()
para criar um array 2D em JavaScript

Este tutorial apresenta como declarar un array bidimensional em JavaScript. Na matriz bidimensional, os itens são organizados como un array na forma de linhas e colunas. É como un array cujos elementos são arrays unidimensionais.
Construtor de array para criar matriz 2D em JavaScript
Usamos o construtor de array para criar um array vazio com o comprimento fornecido. Podemos então usar um loop for
para criar um 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);
Resultado:
Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]
Noção Literal de Array para Criar Array 2D em JavaScript
Podemos usar o método de notação literal para criar arrays 2D em JavaScript.
const m = 4;
const n = 5;
let arr = [];
for (var i = 0; i < m; i++) {
arr[i] = [];
}
console.log(arr);
Resultado:
Array [ [], [], [], [] ]
o método Array.from()
para criar array 2D em JavaScript
O método Array.from()
retorna um objeto array de qualquer objeto JavaScript.
const m = 4;
const n = 5;
let arr = Array.from(Array(m), () => new Array(n));
console.log(arr);
Resultado:
Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]
o método Array.prototype.map()
para criar um array 2D em JavaScript
O método Array.map()
também ajuda a criar um array 2D mapeando os elementos do array para um array vazio.
const m = 4;
const n = 5;
let arr = Array(m).fill().map(() => Array(n));
console.log(arr);
Resultado:
Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]
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