indexOf in JavaScript — CodingCreativo

Il metodo indexOf in JavaScript può essere utilizzato sia con gli array, sia con le stringhe. indexOf in questa lezione è applicato alle stringhe.

La sintassi di questo metodo JavaScript è dunque la seguente: stringa.indexOf(value, inizio).

Restituisce un valore numerico che rappresenta la posizione dell'elemento nella stringa. Se non trova il valore restituisce -1.

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

In particolare la stringa rappresenta dove ricercare il valore. Dove il valore, cioè il primo argomento passato come parametro, può essere una parola, un numero oppure una frase. Se viene trovata più di un'occorrenza di questo valore, il metodo restituisce comunque l'indice del primo valore trovato.

Il secondo parametro, inizio, rappresenta il punto da dove partire per effettuare la ricerca, in quanto in qualche caso può essere necessario non partire dall’inizio. Se non è specificato si parte da 0.

Esempi d'uso di indexOf con le stringhe in JavaScript

Facciamo un semplice esempio d'utilizzo di questo metodo.

Creiamo una frase e attraverso il metodo indexOf ricerchiamo ad esempio la parola pensiero.

const coding = 'Programmare aiuta lo sviluppo del pensiero logico, divertiamoci ad imparare JavaScript';

const indiceStringa = coding.indexOf('pensiero');
console.log(indiceStringa);

Come risultato nella console troveremo il valore 34 che indica la posizione della parola pensiero.

Se ad esempio la frase dovesse contenere più volte la parola pensiero, darebbe comunque sempre la posizione 34.

Abbiamo detto che se non trova l'elemento il metodo indexOf in JavaScript restituisce il valore -1, quindi facciamo la prova a modificare il valore da ricercare nella stringa, come nell'esempio sotto:

const coding = 'Programmare aiuta lo sviluppo del pensiero logico, divertiamoci ad imparare JavaScript';

const indiceStringa = coding.indexOf('il pensiero');

console.log(indiceStringa);

Dunque in questo caso nella console vedremo come risultato -1 in quanto il valore passato come argomento non è contenuto nella stringa.

Conclusione

In questa lezione abbiamo studiato l'utilizzo del metodo indexOf in JavaScript con le stringhe, lo stesso metodo si può applicare agli array, come vedremo in questa lezione: indexOf con gli array.

>> includes