Push JavaScript

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).

Dove nomearray è il nome del nostro array che vogliamo popolare. Elemento rappresenta ciò che vogliamo inserire nell’array.

Si possono inserire anche più elementi ed in questo caso dunque la sintassi è la seguente:

nomearray.push(elemento1, elemento2, …, elementon).

L’elemento o gli elementi saranno inseriti in coda all’array, cioè da destra.

Facciamo adesso dei semplici esempi per capire meglio il funzionamento di questo metodo.

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:

var oggettiScolastici = [‘gomma’, ‘quaderno’, ‘matita’];

Dopo chiediamo all’utente di inserire un elemento e lo memorizzando in una variabile oggettoUtente. Quindi aggiungiamo questo elemento nel nostro array.
Ecco dunque il codice completo dell’esercizio che utilizza l’istruzione push in JavaScript:

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

oggettiScolastici.push(oggettoNuovo);

console.log(oggettiScolastici);

Visualizziamo semplicemente nella console del browser il contenuto finale del nostro array.

Push JavaScript – Secondo esempio

Popolare un array vuoto con 10 numeri interi richiesti all’utente.

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:

var numeri = [];
var numero;

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

console.log(numeri);

Visualizziamo l’array finale per praticità sempre nella console del nostro browser.

In questa lezione abbiamo affrontato dei semplici esempi sull’utilizzo dell’istruzione push in JavaScript, nelle prossime lezioni approfondiremo ancora questa istruzione.

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

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *