slice in JavaScript, estrarre una sottostringa 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.

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]);