Come trovare l'indice di un elemento array in JavaScript

Come trovare l'indice di un elemento array in JavaScript
L'indice di un elemento array rappresenta la posizione dell'elemento nell'array. Il numero dell'indice può essere recuperato utilizzando i metodi IndexOf (), LastIndexof () e FindIndex (). Tutti questi metodi sono usati per tracciare l'indice degli elementi dell'array. Questa guida fornisce un'idea dei possibili metodi che possono essere utilizzati per ottenere il numero dell'indice di un elemento specifico in un array. I seguenti risultati di apprendimento sono previsti quando si passa attraverso questo articolo:
  • Metodo IndexOf () in JavaScript
  • Metodo LastIndexof () in JavaScript
  • Metodo FindIndex () in JavaScript

Come trovare l'indice di un elemento array in JavaScript

L'elemento array può essere rintracciato utilizzando i metodi INDICEF (), LASTINDEXOF () e FindIndex (). Questa sezione fornisce il funzionamento di ciascun metodo con esempi.

Come trovare l'indice di un elemento array usando il metodo IndexOf ()

Il metodo IndexOF () traccia la prima occorrenza di un elemento specifico e restituisce l'indice.

Sintassi

vettore.INDICEF (elemento, start);
  • IL vettore(o un array stesso) si riferisce alla variabile dell'array in cui il elemento sarebbe rintracciato per un numero di indice.
  • IL inizio il valore rappresenta un numero di indice da dove il indice di() Il metodo inizierà a cercare.

IL inizio Il valore può essere impostato su negativo o positivo.

  • Se il valore è positivo, il metodo indicef () inizierebbe da quell'indice.
  • Se il valore è negativo, la ricerca inizierebbe dopo aver calcolato la seguente espressione. (lunghezza dell'array + (valore negativo)).

Esempio

L'utilizzo del metodo IndexOf () è descritto per ottenere l'indice di un elemento specifico in una variabile di array.

arr = ["Apple", "Guava", "Banana", "Peach", "Banana"];
console.registro (arr.indicef ("banana"));
console.registro (arr.indicef ("banana", -1));

Il codice sopra crea un array. Abbiamo usato il indice di() metodo sul "banana"Elemento di quell'array . Il primo metodo traccia l'elemento banana e restituisce il numero dell'indice della sua prima occorrenza. Mentre il secondo metodo indicef () richiede -1 per il valore iniziale, l'ordinamento inizierà da indice = (4+ (-1) = 3).

Produzione

L'output mostra l'indice della prima occorrenza di "banana"Senza alcuna condizione di partenza e il secondo metodo prende la condizione di partenza"-1"E inizierà il conteggio dell'indice da (4+(-1)).

Come trovare l'indice di un elemento array usando il metodo LastIndexof ()

Come rappresenta il nome di questo metodo, restituirebbe l'ultima occorrenza di un elemento.

Sintassi

vettore.lastindexof (elemento);

La sintassi è descritta come, il vettore è una variabile di array (o array stesso) e il elemento è contenuto al suo interno.

Esempio

Qui, il metodo LastIndexof () viene applicato per ottenere l'indice di un elemento specifico

num = [3, 4, 3, 5, 9, 3, 12];
console.registro (num.lastIndexof (3));
console.registro (num.lastindexof (30));

Il codice sopra crea un array numerico e il LastIndexof() il metodo viene applicato a quell'array per tracciare l'ultimo indice di "3". Inoltre, abbiamo applicato il LastIndexof() metodo su un numero "30"(Che non appartiene a un array).

Produzione

L'output mostra che l'ultimo numero di indice di un elemento "3" È "5" e come numero "30"Non appartiene all'array, il risultato è"-1".

Come trovare l'indice di un elemento array usando il metodo findindex ()

Usando findIndex (), sarai in grado di ottenere l'indice di un elemento che soddisfa i criteri specificati. Una volta che un elemento soddisfa la funzione (criteri), il metodo findindex () interrompe l'esecuzione e restituisce solo l'indice di quell'elemento.

vettore.FindIndex (funzione (valore corrente, indice, arr), questo valore)

IL findindex () Il metodo accetta due argomenti, uno è una funzione (una funzione di test da eseguire su ciascun elemento fino a quando qualsiasi elemento non soddisfa la condizione) e l'altro è questo valore.

IL funzione accetta i seguenti parametri

Valore corrente: Si riferisce al valore di un elemento corrente

Indice: Questo è un parametro opzionale e rappresenta l'indice dell'elemento corrente

ARR: Si riferisce all'array dell'elemento corrente

Esempio

Il seguente codice JS esegue il findindex () metodo per ottenere il numero dell'indice di un elemento che soddisfa la condizione.

num = [10, 9, 8, 20, 19];
funzione find (element)
Elemento di ritorno> 10;
;
console.registro ((num.findindex (find)));

Nel codice sopra, un array chiamato "Num"È inizializzato e il Trovare() La funzione viene applicata su ciascun elemento di NUM e restituisce valori superiori a 10. Dopodiché, il "Trovare()Il metodo "è chiamato da"findindex ()"Funzione per ottenere l'indice del primo elemento che è maggiore di"10".

Produzione

IL "Trovare()"Il metodo restituisce tutti i numeri che sono maggiori di"10" e il "findindex ()"Il metodo sceglie solo l'indice del primo numero (cioè 20 nel nostro caso).

Conclusione

JavaScript fornisce vari metodi come INDEXOF (), LastIndexof () e FindIndex () Metodi per ottenere il numero dell'indice di un elemento in un array. Questa guida fornisce la sintassi e il funzionamento di ciascun metodo sopra menzionato. Per ottenere il primo indice di occorrenza di un elemento, il indice di() viene utilizzato il metodo. comunque, il lastinexof () ti darebbe l'indice dell'ultima occorrenza di qualsiasi elemento specifico. Al contrario di questi metodi, findindex () Restituisce il numero dell'indice del primo elemento che soddisfa una determinata funzione (che viene passata come parametro per trovareIndex ()).