JavaScript 2D Array

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 ] ]