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).

Banner Pubblicitario

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.

Banner pubblicitario

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

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio 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

Come realizzare il gioco dei dadi online