In questa lezione affronteremo il metodo pop in JavaScript, utile a 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:

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:

var oggettiScolastici = ['gomma', 'quaderno', 'matita'];

oggettiScolastici.pop(oggettoNuovo);

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:


var giorni = new Array("lunedì", "martedì","mercoledì", "giovedì", "venerdì", "sabato", "domenica") ; 

function tolgo() { 
    giorni.pop();
    alert("Ho tolto un giorno");
    for (var 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:

<input type="submit" value="tolgo giorno" onclick="tolgo()">

In questa lezione abbiamo affrontato dei semplici esempi che utilizzano il metodo pop di JavaScript.

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Utilizzare JavaScript prompt

Variabili in JavaScript

Gioco indovina numero in JavaScript

Gioco della morra cinese in JavaScript

Semplice quiz utilizzando gli array

Come realizzare il gioco dei dadi online