Il metodo includes in JavaScript permette di verificare se un elemento è presente in un array o anche in una stringa di testo, come spiegato in questa lezione: https://www.codingcreativo.it/includes-in-javascript/.
La sintassi di questo metodo è la seguente:
nomeArray.includes(element)
Dove element è l’elemento da ricercare nell’array.
Opzionalmente si può anche indicare la posizione dalla quale iniziare la ricerca, aggiungendo un secondo parametro come argomento del metodo includes di js.
nomeArray.includes(element, start).
Il metodo restituisce un valore booleano: true se l’elemento è presente nell’array, false se invece l’elemento non è stato trovato.
includes JavaScript – primo esempio
Cerchiamo un elemento in un array con il metodo includes().
Supponiamo dunque di avere il seguente array:
var oggettiScolastici = ['gomma', 'quaderno', 'matita'];
Applichiamo il metodo includes per ottenere il valore booleano di ritorno memorizzato in una variabile.
var risultato = oggettiScolastici.includes('gomma');
In questo caso se proviamo a fare il console.log di risultato avremo di ritorno il valore booleano true.
Se invece ricerchiamo un valore non presente:
var risultato = oggettiScolastici.includes('temperino');
Il valore della variabile risultato sarà false.
includes JavaScript – secondo esempio
Creare un array di numeri interi a piacere. Dopo generare un numero random compreso tra 1 e 100. Se il numero non è presente nell’array lo inseriamo, altrimenti restituiamo il messaggio “numero già presente“.
Quindi innanzitutto creiamo un array di numeri interi a piacere. Dopo generiamo un numero random utilizzando le funzioni Math.floor e Math.random.
Dopo utilizzando una semplice istruzione condizionale con l’operatore logico not verifichiamo se il numero non è presente ed in questo modo lo inseriamo nel nostro array. Altrimenti visualizziamo il messaggio con un semplice alert.
Ecco dunque il codice di esempio che utilizza il metodo includes di js:
var arrayNumeri = [6,12,34,67,89,98,5,2,7,13];
var numeroRandom = Math.floor(Math.random() * 100) + 1;
if (!arrayNumeri.includes(numeroRandom)){
arrayNumeri.push(numeroRandom);
} else {
alert('Numero già presente');
}
In questa lezione abbiamo semplicemente visto degli esempi sull’utilizzo del metodo includes in JavaScript, nelle prossime lezioni proporrò tanti altri esempi.
Alcuni link utili
Introduzione al tutorial JavaScript
Come utilizzare JavaScript alert
Gioco indovina numero in JavaScript
Gioco della morra cinese in JavaScript
Semplice quiz utilizzando gli array
Come realizzare il gioco dei dadi online