Méthode JavaScript FindIndex | Expliqué

Parfois, vous devrez peut-être trouver un index d'un élément de tableau Pour vérifier s'il satisfait les critères spécifiés. Par exemple, dans un programme JavaScript, vous devez récupérer le numéro d'index du premier élément d'un tableau dont la valeur est inférieure à 18. Cela ne fait aucune différence si la valeur est de 1 ou 17; Tout ce qui compte, c'est que l'indice particulier doit être considéré comme la première occurrence de l'élément avec une valeur inférieure à 8. Dans un tel scénario, JavaScript "findIndex ()«La méthode peut être utilisée.

Cet article apprendra l'utilisation du Méthode JavaScript FindIndex () avec l'aide d'exemples appropriés. Alors, commençons!

Méthode JavaScript FindIndex ()

Le "findIndex ()«La méthode dans ES6 est assez similaire à la méthode find (). Cependant, au lieu de retourner l'élément lui-même, il récupère l'index de cet élément de tableau. Le "findIndex ()»La méthode accepte un Tester la fonction comme un argument qui recherche le Première occurrence des éléments requis et renvoie son «indice."Il définit le cas de retour à"-1», Si aucun élément de ce type n'existe.

Syntaxe de l'utilisation de la méthode JavaScript FindIndex ()

findIndex (testFunc (élément [, index [, array]]) [, thisarg])

Ici le "findIndex ()»La méthode comprend deux paramètres: «Testfunc ()» et «thisarg».

Nous discuterons des deux paramètres de la méthode JavaScript FindIndex () dans la section ci-dessous.

TestFunc () Paramètre de FindIndex ()

Dans la syntaxe donnée ci-dessus, le «TestFunc ()«La fonction est invoquée pour chaque élément de tableau jusqu'à ce que la fonction renvoie«vrai», Qui indique que l'élément requis est trouvé. Cette fonction accepte les trois arguments suivants:

• "élément»: Dans TestFunc (),«élément" est un "requis»Argument qui représente le élément actuel du tableau.
• "indice":"indice" est un "facultatif«Argument du« TEstfunc ()"Cela indique l'index de l'élément de tableau actuel.
• "déployer":"déployer"Est un autre"facultatif«Argument du«TestFunc ()"Cela fait référence au tableau sous traitement.

Thisarg Paramètre de FindIndex ()

"thisarg"Est un paramètre facultatif du"findIndex ()”Méthode utilisée lors de l'exécution du rappel. Sa valeur est définie sur «indéfini«Si vous ne spécifiez aucune valeur.

Voyons quelques exemples pratiques qui utilisent la méthode JavaScript FindIndex ().

Exemple 1: Utilisation de la méthode JavaScript FindIndex ()

Tout d'abord, nous créerons un tableau nommé «Nombres«Avoir les éléments suivants:

Soit les nombres = [2, 3, 5, 7, 8, 9, 7];

Dans la prochaine étape, nous invoquerons le «findIndex ()«Méthode sur le«Nombres"Arraie et passer la fonction de flèche"=>«Qui vérifie si l'élément dans le«Nombres"Le tableau est égal à"7»:

Soit Index = nombres.findIndex (nombres => nombres === 7);
console.log ("index is" + index);

Le premier élément «7» se trouve au «Troisième» index des "nombres" déployer; C'est pourquoi la méthode findIndex () est retournée "3«Comme indice de la première occurrence d'un élément:

Nous allons maintenant utiliser la méthode findIndex () avec une condition plus complexe.

Exemple 2: Utilisation de la méthode JavaScript FindIndex ()

Dans le même programme, nous modifierons le «findIndex ()«Méthode de telle manière qu'il récupère l'indice de la première occurrence du«7«Élément où l'index est supérieur à«3«Dans le tableau« nombres »:

Soit Index = nombres.findIndex ((nombres, index) => nombres === 7 && index> 3); console.log ("index is" + index);

Le "Nombres"Array en comprend deux"7»Éléments, l'un au troisième index et l'autre au sixième index. Cependant, selon la condition donnée, le «findIndex ()"La méthode considérera"6«Comme indice de la première occurrence du«7" élément:

Exemple 3: Utilisation de la méthode JavaScript FindIndex ()

Supposons que vous ayez une liste de employés objets ayant «Nom» et «Age» propriétés:

Employés const = [
nom: 'Alex', Âge: 24,
nom: 'max', âge: 27,
nom: 'Paul', âge: 28,
]]

Ce qui suit "findIndex ()«La méthode trouvera le premier indice des employés dans le«employés«Array, dont l'âge est supérieur à«18»:

const index1 = employés.findIndex (employés => employés.âge> 18);
console.log ("Index de l'employé éligible" + index1);

Comme vous pouvez le voir dans la sortie, le premier employé éligible est présent au «0»Index:

Selon la condition spécifiée, si aucun élément n'existe dans le «employés"Array puis le"findIndex ()"La méthode reviendra"-1»:

const index2 = employés.findIndex (employés => employés.âge<= 18);
console.log ("Index de l'employé inéligible est" + index2);

La sortie s'affiche «-1"Parce que l'âge d'un seul employé n'est inférieur ou égal à"18»:

Nous avons compilé toutes les informations essentielles liées à l'utilisation de la méthode JavaScript FindIndex (). Vous pouvez explorer davantage ce sujet en fonction de vos préférences.

Conclusion

Le javascript "findIndex ()»La méthode est utilisée pour récupérer l'indice de la première occurrence d'un élément de tableau. Cette méthode accepte une fonction de test comme un argument qui recherche la première occurrence des éléments requis et renvoie son «indice,»Et si aucun élément de ce type n'existe dans le tableau, il définit le cas de retour à«-1". Dans cet article, nous avons discuté de l'utilisation de la méthode JavaScript FindIndex () à l'aide d'exemples appropriés.