Indice Javascript Di

| | | |

Il metodo JavaScript indexOf() restituisce la posizione di un elemento in un elenco o di una sottostringa in una stringa. Il metodo JavaScript indexOf() restituisce -1 se un valore specificato non viene visualizzato in un elenco o in una stringa. Viene restituito solo il valore dell’indice della prima occorrenza di un valore.

Spesso, potresti voler scoprire se la stringa o l’array contiene un valore particolare. Ad esempio, potresti avere un elenco di gusti di ciambelle venduti nel tuo negozio di ciambelle. Potresti voler controllare se hai rimosso l’impopolare ciambella al triplo cioccolato dal menu.

è qui che torna utile il metodo JavaScript indexOf(). Il metodo indexOf() restituisce il primo indice in corrispondenza del quale è possibile trovare un determinato valore in un array o in una stringa. Se non viene trovato un valore, viene restituito uno speciale valore -1.

In questo tutorial, esploreremo le basi del metodo indexOf() in JavaScript. Esamineremo due esempi per mostrare questo metodo in azione per aiutarti a comprendere meglio il metodo indexOf().

JavaScript indexOf() con Array

L’Array .indexOf() metodo integrato cerca un valore in un array. Il metodo trova il valore dell’indice della prima volta che un elemento specificato viene visualizzato in una matrice. Se viene trovato un elemento specificato, il metodo indexOf() restituisce il numero di indice della prima occorrenza del valore. Se l’elemento specificato non viene trovato, indexOf() restituirà -1.

Il metodo indexOf() è che tiene conto del maiuscolo o minuscolo. Ciò significa che indexOf() restituirà -1 se un valore appare in un elenco con un caso diverso da quello che abbiamo specificato.

Ecco la sintassi per il metodo indexOf() in JavaScript:

Il metodo indexOf() fa distinzione tra maiuscole e minuscole. Ecco la sintassi per la funzione indexOf() in JavaScript:

Il parametro item è l’elemento per che stiamo cercando nel nostro array JavaScript. Questo parametro è obbligatorio. Il parametro start_position è facoltativo. start_position è la posizione nel nostro array in cui indexOf() inizia la ricerca.

Uno scenario di esempio

Diciamo che abbiamo finito la cannella . Vogliamo verificare se le ciambelle alla cannella sono ancora elencate nel menu del nostro negozio. Se le ciambelle sono nel menu, le rimuoveremo. Potremmo usare il seguente codice per eseguire questa azione:

Il metodo indexOf restituisce: 2. Come puoi vedere, Cinnamon è presente nel nostro array . Quindi, il nostro codice ha restituito il valore dell’indice della prima istanza di Cinnamon nel nostro array, che in questo caso è 2.

Il metodo indexOf restituisce: 2. Come puoi vedere, Cinnamon è presente nel nostro array. Quindi, il nostro codice ha restituito il valore dell’indice della prima istanza di Cinnamon nel nostro array, che in questo caso è 2.

Il nostro programma dovrebbe restituisce 2 anche se il nostro array contiene più istanze di Cinnamon. Questo perché indexOf() restituisce solo la posizione dell’indice della prima istanza di un elemento.

Diciamo che la nostra chef ha inventato una nuova ciambella Jam Supreme e l’ha aggiunta alla nostra gamma di donut_flavors. Tuttavia, non è sicura se ha chiamato la ciambella Jam o Jam Supreme. Vuole controllare che il menu sia accurato.

Perché Jam è già il primo nell’array, indexOf() restituirà la posizione di Jam. Tuttavia, se usiamo il parametro start_position, possiamo salta la prima posizione ed esegui la nostra ricerca. Ecco il codice che il nostro chef potrebbe utilizzare per verificare se Jam appare dopo la posizione di indice 1 nell’array:

Il nostro codice restituisce: -1. Mentre Jam esiste nel nostro array, viene prima del valore di indice 1. Il valore Jam non esiste nell’area in cui stiamo cercando.

JavaScrip t indexOf() con stringhe

indexOf() può essere usato per trovare una sottostringa all’interno di una stringa. Il metodo string indexOf() restituisce il numero di indice in corrispondenza del quale una sottostringa inizia in un’altra stringa.

Aggiornamento stringhe

Come gli array, anche le stringhe in JavaScript hanno i propri valori di indice. Le stringhe sono indicizzate da sinistra a destra, a partire dal valore di indice . Quindi, per la nostra stringa di esempio sopra, verrebbero assegnati i seguenti valori di indice:

Example!
1234< /td>566

Quindi, se volessimo ottenere il carattere nella posizione dell’indice 4, potremmo farlo usando il seguente codice:

Il nostro codice restituisce: p.

String.indexOf()

Il metodo String.indexOf() può essere utilizzato per verificare se una stringa contiene una particolare sottostringa. Se la sottostringa può essere trovata nella stringa, indexOf() restituirà la posizione di indice dell’occorrenza della lettera o della stringa; se la sottostringa non può essere trovata, indexOf() restituirà -1.

Il metodo String.indexOf() utilizza la stessa sintassi del metodo Array.indexOf():

Dobbiamo specificare un argomento sottostringa. Questo è il valore che vogliamo cercare nella nostra stringa. L’argomento start_position è facoltativo e indica al programma di avviare la ricerca in corrispondenza di un indice specifico. L’argomento start_position per impostazione predefinita è indice 0.

Diciamo che abbiamo una stringa con i nomi delle ciambelle e vogliamo verificare se stringa contiene Mirtillo. Potremmo usare il seguente codice per eseguire questa azione:

Il nostro codice restituisce: 4. Come puoi vedere, la nostra stringa donut_flavors contiene Blueberry e la sottostringa iniziano nella posizione di indice 4.

Il nostro codice restituisce: 4. Come puoi vedere, i nostri donut_flavors la stringa contiene Blueberry e la sottostringa inizia alla posizione di indice 4.

Ma cosa succede se volessimo verificare se la nostra stringa donut_flavors contenesse Blueberry dopo una posizione di indice specifica? è qui che entra in gioco l’argomento start_position.

Cerchiamo il termine Mirtillo nel nostro elenco. Inizieremo la nostra ricerca dalla posizione di indice 10 nel nostro elenco:

Il nostro codice restituisce: -1. Mentre "donut_flavors" include "Blueberry," la stringa inizia prima del valore di indice 10 nell’array. Il nostro codice restituisce "-1". Questo indica che la sottostringa non è stata trovata.

Verifica se esiste un valore utilizzando indexOf()

Puoi usare un’istruzione "if" con il metodo indexOf() per controlla se esiste un valore in una stringa o in un array. Ad esempio, potresti usa indexOf() per controllare se il menu della ciambella contiene un valore particolare. Quindi, puoi stampare un messaggio sulla console se viene trovato quel valore.

Scriviamo un programma che stampi un messaggio sulla console se "Chocolate" si trova in un elenco di ciambelle. Ecco il nostro codice:

Il nostro codice restituisce: "Le ciambelle al cioccolato sono nel menu!".

Nella prima riga di nostro codice, dichiariamo il nostro array di gusti di ciambella chiamato "donut_flavors," che contiene sei valori.

Quindi, creiamo un’istruzione if che utilizza indexOf per verificare se < em>"donut_flavors" contiene "Cioccolato." Questa istruzione if valuta se indexOf restituisce un valore uguale a "-1."< /p>

Se indexOf restituisce "-1," significa che il nostro valore non è stato trovato nell’array. Ciò significa che la nostra istruzione if non verrà eseguita. Se indexOf restituisce qualsiasi altro valore, verrà eseguita la nostra istruzione if.

In questo caso, indexOf() restituirà 2. Questo perché "Chocolate" è presente nel nostro array "donut_flavors". Il nostro programma stampa "Le ciambelle al cioccolato sono nel menu!" perché indexOf ha restituito un valore che non è uguale a -1.

Conclusione

Il metodo JavaScript indexOf() verifica se una stringa o un array contiene un particolare valore.Il metodo restituisce l’indice numero in corrispondenza del quale si trova quel valore nella stringa o nell’array. Se il valore specificato non viene trovato, indexOf() restituisce "-1."

In questo tutorial, abbiamo discusso le basi di array, stringhe e come vengono indicizzati, quindi abbiamo esplorato come utilizzare il metodo indexOf() con stringhe e array per verificare se conteneva un valore specifico.

Abbiamo discusso su come utilizzare il metodo indexOf() e un’istruzione "if" per verificare se esiste un valore in un elenco o in una stringa.