Il metodo includes in JavaScript sulle stringhe consente di verificare se un testo è contenuto in una stringa. Il metodo includes può essere anche applicato agli array, come vedremo più avanti nel tutorial.
La sintassi di questo metodo è dunque la seguente: stringa.includes(valore, inzio).
Dove stringa rappresenta la stringa dove ricercare il valore. Il parametro valore può essere una parola, un numero o una frase. Non ha importanza quante volte sia contenuto il valore nella stringa, in ogni caso l’importante è trovarlo almeno una volta.
Invece il parametro inizio rappresenta il punto da dove partire per effettuare la ricerca, poiché in taluni casi si preferisce non partire dall’inizio. Se il parametro inizio non è specificato il valore di default è 0.
Il metodo restituisce un valore booleano, cioè true oppure false.
Esempi d’utilizzo di includes in JavaScript
Facciamo adesso dei semplici esempi d’utilizzo del metodo includes() con le stringhe.
Data una frase contenuta in una variabile stringa, controllare se una parola è contenuta in questa frase.
Nell’esempio sotto proviamo dunque a cercare la parola pensiero all’interno di una frase d’esempio. Utilizziamo a questo scopo il metodo includes di JavaScript.
const coding = 'Programmare aiuta lo sviluppo del pensiero logico, divertiamoci ad imparare JavaScript';
const includeStringa = coding.includes('pensiero');
console.log(includeStringa);Nella console del browser visualizzeremo il valore true, in quanto la parola pensiero è contenuta nella nostra stringa di esempio.
Chiaramente si possono ricercare anche più parole, purché siano contenute nell’ordine esatto.
Quindi anche nell’esempio riportato sotto il risultato è true.
const coding = 'Programmare aiuta lo sviluppo del pensiero logico, divertiamoci ad imparare JavaScript';
const includeStringa = coding.includes('pensiero logico');
console.log(includeStringa);Nel momento in cui la sequenza non è corretta, oppure non tutte le parole sono contenute nella frase allora il risultato è false.
Ecco quindi un esempio in cui il valore restituito è false:
const coding = 'Programmare aiuta lo sviluppo del pensiero logico, divertiamoci ad imparare JavaScript';
const includeStringa = coding.includes('il pensiero logico');
console.log(includeStringa);
Conclusione
In questa lezione abbiamo svolto alcuni esempi sull’utilizzo di includes con le stringhe in JavaScript. Questo metodo può essere utilizzato anche con gli array e la lezione può essere consultata al seguente link: inlcudes con gli array.
Alcuni link utili
Gioco indovina numero in JavaScript
Gioco della morra cinese in JavaScript
Semplice quiz utilizzando gli array
Come realizzare il gioco dei dadi online