Gli array, in JavaScript, sono degli oggetti che possono conservare diversi valori. In questa lezione, introduciamo gli array: come si dichiarano, come e perché usarli.
Come dichiarare un array
Un array, anche chiamato lista, deve essere dichiarato usando le parentesi quadre. All'interno, si possono inserire i valori della lista.
let array = ["valore1", "valore2", "valore3", "valore4"];Nell'esempio qui sopra, la lista array contiene 4 elementi, divisi dalla virgola.
Dati di un array
Quali tipi di dati si possono inserire all'interno di un array? Qualunque. Può contenere stringhe, numeri, valori booleani (true o false), oggetti (che vedremo più avanti) e persino un altro array.
Nell'esempio qui sotto, sono inseriti due valori numerici e due stringhe:
let array = ["valore1", 34, 2, "valore2"];Ora, vediamo un altro esempio: in questo caso, inseriamo anche un valore booleano (true).
let array = ["stringa", true, 1];Possiamo anche inserire un array all'interno di un array:
let array = ["stringa", ["mare", "sole"], false];Come accedere ai dati di un array
Per accedere ai dati memorizzati all'interno di un array, si utilizza la sintassi nome_array[numero_casella]. Il nome_array è il nome della variabile dichiarata, mentre il numero_casella è il numero della posizione dove si trova la casella interessata.
Vediamo un'immagine per capire meglio:
Nell'immagine, viene rappresentato un array che contiene le prime cinque lettere dell'alfabeto. Il numero sopra indica la posizione della casella: la prima ha posizione 0, la seconda ha posizione 1, e così via.
Vediamo ad esempio come prendere la lettera A e C:
let lista = ["A", "B", "C", "D", "E"];
alert(lista[0]); // Risultato: "A"
alert(lista[2]); // Risultato: "C"Se non conosco la lunghezza della lista, allora posso utilizzare il metodo length, che abbiamo anche visto nei Metodi delle stringhe e che riprenderemo nella lezione dei Metodi degli array. Infatti, se utilizzi nome_array.length puoi conoscere la lunghezza della lista. Ricorda: devi usare nome_array.length-1 per avere la posizione dell'ultima casella, perché l'array parte dallo 0.
let lista = ["A", "B", "C", "D", "E"];
let ultima_casella = lista.length-1;
alert(lista[ultima_casella]); // Risultato: "E"Come modificare una casella della lista
Per modificare una casella della lista, basta usare nome_array[numero_casella] e dichiararla ad un valore.
let lista = ["A", "B", "C", "D", "E"];
lista[0] = "B";
// Risultato: ["B", "B", "C", "D", "E"]Come aggiungere una nuova casella alla lista
Per aggiungere una nuova casella all'array, puoi usare il metodo push(). Ha la sintassi: lista.push(nuovo_valore). Il valore verrà aggiunto in coda agli altri.
let lista = ["A", "B", "C", "D", "E"];
lista.push = "F";
// Risultato: ["A", "B", "C", "D", "E", "F"]Nota: puoi trovare tutti i metodi degli array in dettaglio nella prossima lezione.