Così come con il metodo includes, anche in questo caso, opzionalmente si può specificare la posizione dalla quale iniziare, aggiungendo un secondo parametro come argomento di indexOf.
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
nomeArray.indexOf(element, start).
Il metodo restituisce un valore numerico che corrisponde alla posizione dell’elemento nell'array o nella stringa.
indexOf JavaScript – primo esempio
Conosciamo la posizione di un elemento in un array utilizzando il metodo indexOf().
Supponiamo dunque di avere il seguente array:
let oggettiScolastici = ['gomma', 'quaderno', 'matita'];
Applichiamo quindi il metodo indexOf per conoscere, ad esempio, la posizione dell'elemento quaderno.
let risultato = oggettiScolastici.indexOf('quaderno');
console.log(risultato);
Nella console del browser visualizzerò il valore 1 che corrisponde alla posizione dell'elemento.
indexOf JavaScript – secondo esempio
Visualizzare tutti gli elementi di posizione pari di un array utilizzando il metodo indexOf.
Questo algoritmo si può risolvere anche in altri modi. Qui utilizzeremo il metodo indexOf per analizzare un altro campo di applicazione del seguente metodo.
Creiamo un array di numeri interi. Dopo, con un ciclo for, analizziamo la posizione di ciascun elemento, controllando se è un numero pari. Per farlo utilizziamo, come già visto negli esercizi precedenti, l'operatore modulo ( % ) e calcoliamo il resto della divisione del numero diviso 2.
Quindi solo se è pari visualizziamo il numero, per semplicità, nella console del browser.
Ecco dunque il codice di esempio del metodo indexOf di JavaScript:
let arrayNumeri = [6,12,34,67,89,98,5,2,7,13];
console.log(arrayNumeri);
for (let i = 0; i < arrayNumeri.length; i++) {
if (arrayNumeri.indexOf(arrayNumeri[i]) % 2 == 0){
console.log(arrayNumeri[i]);
}
}
Ricoridamo inoltre che lo stesso algoritmo si poteva risolvere semplicemente in questo modo:
for (let i = 0; i < arrayNumeri.length; i++) {
if (arrayNumeri[i] % 2 == 0){
console.log(arrayNumeri[i]);
}
}
In questa lezione abbiamo affrontato due semplici esempi di utilizzo del metodo indexOf di JavaScript, nelle prossime lezioni proporrò 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
