In questa lezione affronteremo il metodo pop in JavaScript, utile per cancellare elementi in un array.
Nella lezione precedente abbiamo affrontato il metodo push e abbiamo visto come aggiungere elementi al nostro array in coda, adesso vedremo come eliminarli.
Quindi per togliere o aggiungere elementi alla fine di un array in JavaScript si possono utilizzare i metodi pop() e push().
La sintassi del metodo pop è la seguente:
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
nomeArray.pop();
Pop JavaScript - primo esempio
Creare un array che contiene degli elementi ed eliminare l'ultimo elemento.
In questo primo esempio sull'utilizzo del metodo pop() creo innanzitutto un array che contiene ad esempio oggetti scolastici, come nell'esempio precedente del push.
Dopo con il metodo pop elimino l'ultimo elemento.
Ecco dunque il semplice codice di esempio:
let oggettiScolastici = ['gomma', 'quaderno', 'matita'];
oggettiScolastici.pop();
console.log(oggettiScolastici);
Pop JavaScript - secondo esempio
Facciamo un esempio dimostrativo del metodo pop().
Supponiamo ad esempio di avere i giorni della settimana da lunedì a domenica memorizzati in un array. Ogni volta che clicco su un pulsante inserito nella pagina html, tolgo un giorno, l'ultimo.
Fate pure la prova cliccando sul pulsante sotto più volte, noterete che ogni volta verrà tolto l'ultimo giorno:
Per realizzare lo script quindi creo un array che contiene i giorni della settimana, ad esempio giorni = ["lunedì", "martedì","mercoledì", "giovedì", "venerdì", "sabato", "domenica"].
Dopo, definisco una funzione di nome tolgo e inserisco le istruzioni per richiamare il metodo pop() che cancella i giorni dall'array e avvisa l'utente con un alert che l'operazione è andata a buon fine. Quindi con un ciclo for visualizzo tutti i giorni rimasti.
Ecco il codice JavaScript di esempio che utilizza il metodo pop di JavaScript:
📚 Consigliato per te
50 Algoritmi per imparare JavaScript
Una guida step by step per imparare JavaScript con esercizi svolti.
let giorni = new Array("lunedì", "martedì","mercoledì", "giovedì", "venerdì", "sabato", "domenica") ;
function tolgo() {
giorni.pop();
alert("Ho tolto un giorno");
for (let i = 0; i < giorni.length; i++) {
alert(giorni[i]);
}
}
Per richiamare questa funzione inserisco l'azione quando si effettua il click sul pulsante tolgo giorno.
Quindi nella pagina html utilizzo il seguente codice:
Un'email ogni tanto con i nuovi articoli e le guide — niente spam, ti disiscrivi quando vuoi.
🍪 Questo sito usa i cookie
Utilizziamo cookie tecnici necessari al funzionamento e, previo tuo consenso, cookie
analitici e di terze parti per migliorare l'esperienza di navigazione.
Leggi la Cookie Policy e la
Privacy Policy.
