slice in JavaScript

Il metodo slice sulle stringhe in JavaScript consente di estrarre una parte di una sottostringa da una stringa.

La sua sintassi è la seguente: string.slice(inizio, fine)

Dove i due parametri inizio e fine sono opzionali. Il valore di inizio è un valore numerico che indica da dove deve partire la selezione, mentre il valore fine è un valore numerico che indica deve finire la selezione.

La stringa di partenza non sarà modificata, dunque per salvare la sottostringa occorre utilizzare una nuova variabile.

slice in JavaScript – primo esempio

Data una stringa estrarre una sottostringa partendo dal secondo carattere fino al 5.

const str = "Coding Creativo";

Dopo, utilizzando il metodo slice selezioniamo i caratteri dal secondo al quinto.

Memorizziamo la selezione effettuata in una nuova variabile, ad esempio di nome risultato.

Infine visualizziamo il risultato nella console del browser.

const risultato = str.slice(2,5);

console.log(risultato);

Nella console del browser visualizzeremo questo outpu: din.

Corso su JavaScript

slice in JavaScript – secondo esempio

Questa volta estraiamo la sottostringa prendendo la parola a partire dal primo carattere vuoto di una stinga composta da sole due parole.

Dato che la frase è composta da sole due parole, la soluzione è molto semplice.

Infatti possiamo utilizzare il metodo indexOf per trovare la posizione. Dunque riusciamo facilmente ad individuare la posizione del carattere vuoto con questo metodo: str.indexOf(” “).

const str = "Coding Creativo";
const risultato = str.slice(str.indexOf(" "));

console.log(risultato); 

Il risultato in output comprenderà il carattere vuoto, se vogliamo escluderlo possiamo aggiungere 1 alla posizione ottenuta.

Ecco un esempio:

const str = "Coding Creativo";
const risultato = str.slice(str.indexOf(" ") + 1);

console.log(risultato); 

slice in JavaScript – terzo esempio

Estrarre la terza parola di una frase.

Questo esempio è molto simile al secondo, la differenza consiste nello specificare il parametro end all’interno del metodo slice e nel fatto che ci sono più parole.

La terza posizione corrisponde al secondo carattere vuoto trovato nella frase.

La frase che prendiamo in considerazione è: A volte sono le persone che nessuno immagina che possano fare certe cose quelle che fanno cose che nessuno può immaginare!

La parola che vogliamo estrarre è la terza dunque è sono.

Possiamo risolvere l’algoritmo in vari modi, ecco una prima soluzione grossolana che estre più volte le sottostringhe e che utilizza due metodi: indexOf e slice.

let str = "A volte sono le persone che nessuno immagina che possano fare certe cose quelle che fanno cose che nessuno può immaginare!";

str = str.slice(str.indexOf(" ") + 1);
str = str.slice(str.indexOf(" ") + 1);
str = str.slice(0, str.indexOf(" "));
console.log(str);

Vi presento poi un’altra possibile soluzione, più ottimale rispetto alla prima.

Dapprima trasformiamo la stringa stringa in un array con il metodo split e poi stampiamo semplicemente la terza parola. In questo caso non si utilizza slice.

let str = "A volte sono le persone che nessuno immagina che possano fare certe cose quelle che fanno cose che nessuno può immaginare!";

str = str.split(" ");
console.log(str[2]);

Conclusione

In questa lezione abbiamo studiato il metodo slice sulle stringhe in JavaScript, nelle prossime lezioni studieremo altri metodi sulle stringhe.

Alcuni link utili

Tutorial 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

Lascia un commento

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