Array in JavaScript — CodingCreativo

Un array in JavaScript è una struttura dati che consente di memorizzare più valori all’interno di una singola variabile.
A differenza di altri linguaggi, JavaScript permette di inserire in un array elementi di tipo diverso (numeri, stringhe, booleani, ecc.).

In questo tutorial vedremo come definire, inizializzare e leggere un array in JavaScript, analizzando i metodi principali per lavorarci in modo pratico.

Definizione di array in JavaScript

Come prima cosa, vediamo come creare un array vuoto.

Primo metodo: con il costruttore `Array()`

Il primo modo per creare un array consiste nell’utilizzare il costruttore dell’oggetto Array.

Questo metodo segue la seguente sintassi:

let foto = new Array();

Da zero ad eroe

Entra nel mondo della programmazione web: variabili, funzioni, array, DOM, eventi. Con esercizi pratici e progetti coinvolgenti.

8 ore di corso registrato
Più di 50 algoritmi risolti passo passo
Livello base — da zero ad eroe
100% online, fruibile quando vuoi

In questo modo, la variabile foto diventa un array creato tramite il costruttore new Array().

N.B. Il metodo new Array() è meno usato rispetto alla sintassi con le parentesi quadre, perché può generare ambiguità se si passa un solo numero come parametro (crea un array vuoto di lunghezza n, non con un elemento).

Esempio:

let a = new Array(5); // crea un array con 5 elementi vuoti, non [5]

Secondo metodo: con le parentesi quadre `[]`

Il metodo più comune e consigliato per creare un array vuoto è utilizzare le parentesi quadre:

let foto = [];

Questa sintassi è più chiara, compatta e ampiamente utilizzata nella programmazione moderna.

Inserimento dei dati in un array in JavaScript

Possiamo inserire dati in un array in diversi modi.

Primo metodo: tramite il costruttore `Array()`

Possiamo assegnare gli elementi direttamente all’interno delle parentesi tonde del costruttore:

let foto = new Array("img1.jpg","img2.jpg",...);

Secondo metodo: con la sintassi letterale

Il metodo più diffuso consiste nell’inizializzare l’array con gli elementi racchiusi tra parentesi quadre, separati da virgole:

let foto = ["img1.jpg", "img2.jpg", ...];

In alternativa, possiamo creare prima un array vuoto e poi aggiungere gli elementi uno per uno:

let foto = [];

foto[0]="img1.jpg";

foto[1]="img2.jpg";

Lettura di dati di un array in JavaScript

Vediamo ora come leggere gli elementi di un array.

Creiamo un array contenente i giorni della settimana e stampiamone gli elementi uno per uno.

let giorni = ["lunedì", "martedì", "mercoledì", "giovedì", "venerdì", "sabato", "domenica"];

Ricordiamo che gli array in JavaScript sono indicizzati a partire da 0:
il primo elemento ha indice 0, il secondo 1, e così via.

Possiamo quindi stampare ogni elemento in questo modo:

console.log(giorni[0]); ....

Ecco dunque lo script completo:

let giorni = ["lunedì", "martedì","mercoledì", "giovedì", "venerdì", "sabato", "domenica"];
console.log(giorni[0]);
console.log(giorni[1]);
console.log(giorni[2]);
console.log(giorni[3]);
console.log(giorni[4]);
console.log(giorni[5]);
console.log(giorni[6]);

Nelle prossime lezioni vedremo come leggere tutti gli elementi in modo più efficiente utilizzando i cicli (for, for...of) e la proprietà length dell’array.

In questa lezione abbiamo visto:

come creare un array vuoto o con valori iniziali in JavaScript,
come aggiungere elementi manualmente,
e come accedere ai dati memorizzati.

Gli array sono fondamentali in JavaScript e saranno la base per affrontare argomenti più avanzati come i cicli, i metodi di manipolazione (push, pop, map, filter, ecc.) e le collezioni di oggetti.

Nella prossima lezione impareremo come scorrere un array utilizzando i cicli e come sfruttare la proprietà length per gestire in modo dinamico tutti i suoi elementi.

Lezione precedente: funzione Math random JavaScript

Lezione successiva: proprietà length in JavaScript