Metodo JavaScript FindIndex | Spiegato

A volte, potrebbe essere necessario Trova un indice di un elemento di array Per verificare se soddisfa i criteri specificati. Ad esempio, in un programma JavaScript, è necessario recuperare il numero dell'indice del primo elemento in un array il cui valore è inferiore a 18. Non fa differenza se il valore è 1 o 17; Tutto ciò che conta è che l'indice particolare dovrebbe essere considerato la prima occorrenza dell'elemento con un valore inferiore a 8. In tale scenario, JavaScript "findindex ()"Il metodo può essere utilizzato.

Questo articolo insegnerà l'uso del Metodo JavaScript FindIndex () con l'aiuto di esempi adatti. Quindi iniziamo!

Metodo JavaScript FindIndex ()

IL "findindex ()"Il metodo in ES6 è abbastanza simile al metodo find (). Tuttavia, invece di restituire l'elemento stesso, recupera l'indice di quell'elemento array. IL "findindex ()"Il metodo accetta un file Funzione di test come argomento che cerca il Primo occorrenza degli elementi richiesti e restituisce il suo "indice."Imposta il caso di ritorno su"-1", Se non esiste un tale elemento.

Sintassi dell'utilizzo del metodo JavaScript FindIndex ()

FindIndex (TestFunc (Element [, Index [, Array]]) [, TharG])

Qui, il "findindex ()"Il metodo comprende due parametri: "TestFunc ()" e "thyarg".

Discuteremo entrambi i parametri del metodo JavaScript FindIndex () nella sezione seguente.

testfunc () parametro del metodo findindex ()

Nella sintassi sopra data, il "testfunc ()"La funzione viene invocata per ciascun elemento dell'array fino a quando la funzione non restituisce"VERO", Che indica che viene trovato l'elemento richiesto. Questa funzione accetta i seguenti tre argomenti:

• "elemento": In TestFunc (),"elemento" è un "necessario"Argomento che rappresenta il elemento corrente dell'array.
• "indice":"indice" è un "opzionale"Argomento del" testfunc ()"Ciò indica l'indice dell'elemento di array corrente.
• "vettore":"vettore" è un altro "opzionale"Argomento del"testfunc ()"Ciò si riferisce all'array in elaborazione.

Metodo di Tharg Parameter of FindIndex ()

"thyarg"È un parametro opzionale di"findindex ()"Metodo che viene utilizzato durante l'esecuzione del callback. Il suo valore è impostato su “non definito"Se non si specifica alcun valore.

Dai un'occhiata ad alcuni esempi pratici che utilizzano il metodo JavaScript FindIndex ().

Esempio 1: utilizzando il metodo JavaScript FindIndex ()

In primo luogo, creeremo un array chiamato "numeri"Avere i seguenti elementi:

let numeri = [2, 3, 5, 7, 8, 9, 7];

Nel prossimo passaggio, invoceremo il "findindex ()Metodo "sul"numeri"Array e passa la funzione freccia"=>"Che controlla se l'elemento in"numeri"L'array è uguale a"7":

Let Index = Numbers.findindex (numera => numeras === 7);
console.log ("indice is" + indice);

Il primo elemento "7" si trova al "Terzo" indice del "Numeri" vettore; Ecco perché il metodo findindex () è tornato "3"Come indice della prima occorrenza di un elemento:

Ora useremo il metodo findindex () con una condizione più complessa.

Esempio 2: Utilizzo del metodo JavaScript findIndex ()

Nello stesso programma, modificheremo il "findindex ()"Metodo in modo tale da recuperare l'indice della prima occorrenza del"7"Elemento in cui l'indice è maggiore di"3"In Array" Numeri ":

Let Index = Numbers.FindIndex ((Number, Index) => Numer === 7 && Index> 3); Console.log ("indice is" + indice);

IL "numeri"L'array comprende due"7"Elementi, uno al terzo indice e l'altro al sesto indice. Tuttavia, secondo la condizione data, il "findindex ()Il metodo "prenderà in considerazione"6"Come indice del primo verificarsi del"7"Elemento:

Esempio 3: usando il metodo JavaScript findIndex ()

Supponiamo di avere un elenco di dipendenti oggetti che hanno "Nome" e "età" proprietà:

const dipendenti = [
nome: 'Alex', età: 24,
nome: 'max', età: 27,
nome: 'Paul', età: 28,
];

Il seguente "findindex ()"Il metodo troverà il primo indice dei dipendenti in"dipendenti"Array, la cui età è maggiore di"18":

const index1 = dipendenti.findindex (dipendenti => dipendenti.età> 18);
console.log ("indice del dipendente ammissibile" + indice1);

Come puoi vedere dall'output, il primo dipendente idoneo è presente al "0"Indice:

Secondo la condizione specificata, se non esiste alcun elemento nel "dipendenti"Array quindi il"findindex ()Il metodo "tornerà"-1":

const index2 = dipendenti.findindex (dipendenti => dipendenti.età<= 18);
console.log ("indice del dipendente non ammissibile è" + indice2);

L'output viene visualizzato "-1"Perché non l'età di un singolo dipendente è inferiore o uguale a"18":

Abbiamo compilato tutte le informazioni essenziali relative all'utilizzo del metodo JavaScript FindIndex (). Puoi esplorare ulteriormente questo argomento in base alle tue preferenze.

Conclusione

Il javascript "findindex ()"Il metodo viene utilizzato per recuperare l'indice della prima occorrenza di un elemento di array. Questo metodo accetta una funzione di test come argomento che cerca la prima occorrenza degli elementi richiesti e restituisce il suo "indice,"E se non esiste tale elemento nell'array, imposta il caso di ritorno su"-1". In questo articolo, abbiamo discusso dell'uso del metodo JavaScript FindIndex () con l'aiuto di esempi adeguati.