- Learn
- Guida JavaScript
- Definire Array in JavaScript
Definire Array in JavaScript
Gli array consentono di associare più valori ad un unico nome di variabile (o identificatore). In genere i valori contenuti in un array hanno una qualche affinità (ad esempio l’elenco dei giorni della settimana). L’uso degli array evita di definire più variabili e semplifica lo svolgimento di operazioni cicliche su tutti i valori. Il seguente è un esempio di array:
var giorniDellaSettimana = [
"lunedì",
"martedì",
"mercoledì",
"giovedì",
"venerdì",
"sabato",
"domenica"];
Come si vede in questa dichiarazione i valori dell’array sono delimitati da parentesi quadre e separati da virgole. Questo è un modo di definire un array basato sulla rappresentazione letterale. Approfondiremo più avanti altri aspetti sugli array legati alla rappresentazione come oggetto.
Una volta definito un array possiamo accedere ai singoli elementi facendo riferimento al nome della variabile e all’indice corrispondente all’elemento, ricordandoci che la numerazione degli indici parte da zero.
Così, ad esempio, se vogliamo accedere al primo elemento dell’array dei giorni della settimana scriveremo:
var primoGiorno = giorniDellaSettimana[0];
Naturalmente l’indice scalerà allo stesso modo anche per gli altri giorni:
var terzoGiorno = giorniDellaSettimana[2];
var settimoGiorno = giorniDellaSettimana[6];
Dopo l’assegnamento ciascuna variabile conterrà la stringa corrispondente all’indice.
Definire un array
Un array può essere vuoto, cioè senza elementi, ed è rappresentato dalle sole parentesi quadre []
.
Se definiamo un array nel seguente modo:
var myArray = [,"elemento"];
otterremo un array con due elementi di cui il primo è undefined
. Se invece l’elemento finale non è indicato, come nel seguente esempio:
var myArray = ["elemento", "altroelemento",];
JavaScript ignorerà l’ultima virgola generando un array di due soli elementi.
Gli elementi di un array possono essere di qualsiasi tipo di dato previsto da JavaScript, quindi possiamo avere array con elementi di diverso tipo:
var myArray = [123, "stringa", true, null];
Un elemento di un array può anche essere un altro array:
var myArray = [123, "stringa", ["a", "b", 99]];
In questo caso, per accedere ad esempio all’elemento 99
dovremo accedere prima al terzo elemento dell’array principale e poi al terzo elemento dell’array contenuto in esso:
var novantanove = myArray[2][2];
Array Multidimensionali
La presenza di array come elementi di altri array ci consente di definire array multidimensionali o matrici. Ad esempio, quella che segue è la definizione di una matrice 3×3 di interi:
var matrice = [[24, 13, 1], [48, 92, 17], [8, 56, 11]]
Per accedere al numero 48 indicheremo le sue coordinate nel seguente modo:
var quarantotto = matrice[1][0];
Destrutturazione dell’assegnamento
A partire dalla versione 6 di ECMAScript abbiamo la possibilità di assegnare contemporaneamente a più variabili i valori contenuti in un array. Sfruttando questo meccanismo, detto destrutturazione dell’assegnamento, possiamo riscrivere gli assegnamenti precedenti con la seguente istruzione:
var [primoGiorno,,terzoGiorno,,,,settimoGiorno] = giorniDellaSettimana;
Se vuoi aggiornamenti su JavaScript inserisci la tua email nel box qui sotto:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
La tua iscrizione è andata a buon fine. Se vuoi ricevere informazioni personalizzate compila anche i seguenti campi opzionali:
Compilando il presente form acconsento a ricevere le informazioni relative ai servizi di cui alla presente pagina ai sensi dell'informativa sulla privacy.
I Video di HTML.it
AngularJS Best Practices e Enterprise style-guide
Pianificare, capire i vincoli, capire le scelte tecniche, produrre documentazione e schemi per un buon lavoro di team nei progetti […]