JavaScript 2D Array

Harshit Jindal 12 ottobre 2023
  1. Costruttore di array per creare array 2D in JavaScript
  2. Nozione letterale di array per creare array 2D in JavaScript
  3. il metodo Array.from() per creare array 2D in JavaScript
  4. il metodo Array.prototype.map() per creare array 2D in JavaScript
JavaScript 2D Array

Questo tutorial introduce come dichiarare un array bidimensionale in JavaScript. Nella matrice bidimensionale, gli elementi sono organizzati come un array sotto forma di righe e colonne. È come un array i cui elementi sono array unidimensionali.

Costruttore di array per creare array 2D in JavaScript

Usiamo il costruttore di array per creare un array vuoto della lunghezza specificata. Possiamo quindi usare un cicli for per creare un array per ogni 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);

Produzione:

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

Nozione letterale di array per creare array 2D in JavaScript

Possiamo usare il metodo della notazione letterale per creare array 2D in JavaScript.

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

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

console.log(arr);

Produzione:

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

il metodo Array.from() per creare array 2D in JavaScript

Il metodo Array.from() restituisce un oggetto array da qualsiasi oggetto JavaScript.

const m = 4;
const n = 5;

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

console.log(arr);

Produzione:

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

il metodo Array.prototype.map() per creare array 2D in JavaScript

Il metodo Array.map() aiuta anche a creare un array 2D mappando gli elementi dell’array su un array vuoto.

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

Produzione:

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

Articolo correlato - JavaScript Array