JavaScript 2D Array

Harshit Jindal 12 outubro 2023
  1. Construtor de array para criar matriz 2D em JavaScript
  2. Noção Literal de Array para Criar Array 2D em JavaScript
  3. o método Array.from() para criar array 2D em JavaScript
  4. o método Array.prototype.map() para criar um array 2D em JavaScript
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 ] ]
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

Artigo relacionado - JavaScript Array