In questa lezione parleremo del metodo slice in JavaScript utile per selezionare elementi di un array.

Questo metodo restituisce un nuovo array con gli elementi selezionati.

La sintassi di slice() è la seguente: nomeArray.slice(inizio, fine).

I parametri inizio e fine sono opzionali. L’inizio è un valore numerico che indica da dove parte la selezione, mentre la fine è sempre un valore numerico che indica dove finisce la selezione.

Attenzione però. L’array iniziale non verrà modificato, quindi per ottenere la selezione possiamo memorizzarla in una variabile e poi utilizzarla dove occorre.

slice JavaScript – primo esempio

Prendere in input un array di 7 elementi e selezionare solo il secondo ed il quarto.

Innanzitutto prendiamo in input il nostro array di 7 numeri.

var numeri = [5,4,3,2,6,9,62];

Dopo, utilizzando il metodo slice selezioniamo gli elementi richiesti ovvero il secondo ed il quarto. Memorizziamo la selezione effettuata in una variabile, ad esempio di nome risultato.

Infine visualizziamo il risultato nella console del browser.

var risultato = numeri.slice(2,4);
console.log(risultato);

Come possiamo notare provandolo, nella console apparirà un array con gli elementi selezionati.

slice JavaScript – secondo esempio

Selezioniamo tutti gli elementi di un array di stringhe partendo dal secondo.

Supponiamo di avere questo array di stringhe:

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

Dopo utilizziamo il metodo slice specificando solo il primo parametro.

var risultato = oggettiScolastici.slice(2);
console.log(risultato);

Nella console vedremo tutti gli elementi a partire dal secondo: Array(3) [ “temperino”, “quaderno”, “matita” ].

Quindi se non specifichiamo il secondo parametro vengono selezionati tutti gli elementi fino alla fine dell’array.

Se invece non specifichiamo neanche il primo parametro, chiaramente avremo una copia dell’array di partenza.

In questa lezione abbiamo affrontato il metodo slice di JavaScript attraverso degli esempi pratici.

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