Push JavaScript — CodingCreativo

In questa lezione vedremo come inserire i dati in un array utilizzando il metodo push in JavaScript.

La sintassi di questo metodo è la seguente:

nomearray.push(elemento).

nomeArray è il nome dell'array che vogliamo popolare.

elemento rappresenta ciò che vogliamo inserire nell'array.

È possibile inserire anche più elementi contemporaneamente, in questo caso la sintassi diventa:

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.push(elemento1, elemento2, ..., elementon).

Gli elementi saranno aggiunti alla fine dell'array, cioè in coda.

Vediamo ora alcuni esempi pratici per capire meglio il funzionamento del metodo push.

Push JavaScript - primo esempio

Creaimo un array che può contenere tutto ciò che riguarda ad esempio del materiale scolastico. Dopo chiediamo all'utente il nome di un qualcosa che vuole inserire dentro questo array e lo aggiungiamo all'array iniziale.

Dunque supponiamo di avere un array iniziale che contiene 3 elementi, come ad esempio questo:

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

Cosa succede:

Creiamo un array oggettiScolastici con tre elementi.
Chiediamo all’utente di inserire un nuovo oggetto tramite prompt.
Aggiungiamo questo oggetto all’array con push.
Visualizziamo l’array aggiornato nella console del browser.

Ecco dunque il codice completo dell'esercizio che utilizza l'istruzione push in JavaScript:

let oggettiScolastici = ['gomma', 'quaderno', 'matita'];
let oggettoNuovo = prompt('Inserisci un oggetto scolastico');

oggettiScolastici.push(oggettoNuovo);

console.log(oggettiScolastici);

Push JavaScript - Secondo esempio

In questo esempio creeremo un array vuoto e lo popoleremo con 10 numeri interi inseriti dall’utente tramite un ciclo for.

Quindi ci servirà innanzitutto definire un array vuoto e dopo, con un ciclo for, occorre chiedere all'utente dei numeri e popolare in questo modo l'array.

Ecco dunque il codice di esempio per la risoluzione dell'algoritmo:

let numeri = [];
let numero;

for (let i = 0; i < 10; i++){
  numero = parseInt(prompt('Inserisci un numero'));
  numeri.push(numero);
}

console.log(numeri);

Cosa succede:

Creiamo un array vuoto numeri.
Con un ciclo for, chiediamo all’utente di inserire 10 numeri.
Ogni numero viene aggiunto all’array con push.
Alla fine, visualizziamo l’array completo nella console.

In questa lezione abbiamo visto alcuni esempi pratici sull’uso di push in JavaScript. Nelle prossime lezioni approfondiremo ulteriormente questo metodo e vedremo altri modi per manipolare gli array.

Leizone precedente: proprietà length degli array

Lezione successiva: metodo pop in JavaScript