Array.findIndex() dans ES6

Array Findindex Dans Es6



En JavaScript, il existe différentes méthodes utilisées à des fins différentes. Par exemple, le « Array.tranche() ” sert à définir la donnée d'un tableau dans un nouveau tableau. ' tableau.pop() ” est utilisé pour éliminer l'élément de tableau inutile et renvoyer un nouveau tableau. Cependant, le ' Tableau.findIndex() ” est invoqué pour renvoyer l'index de l'élément de tableau initial qui répond à la condition spécifiée.

Cet article traitera de la méthode Array.findIndex() dans ES6.

Qu'est-ce que Array.findIndex() dans ES6 ?

Array.findIndex() est une méthode JavaScript introduite dans ES6. Il est utilisé pour renvoyer l'index d'un élément de tableau initial qui répond aux attentes en fonction de la condition indiquée. Cela n'affecte pas le tableau d'origine. D'autre part, si aucun élément n'existe dans le tableau, il renvoie la valeur sous la forme négative. Cependant, cette méthode ne peut pas exécuter les fonctions pour l'élément de tableau s'il n'y a pas de valeur.







Comment utiliser la méthode Array.findIndex() dans ES6 ?

Pour utiliser array.findIndex() dans ES6, essayez la syntaxe fournie :



déployer. trouverIndex ( fonction ( valeuractuelle, index, arr ) , cette valeur )

Ici:



  • ' valeur actuelle ” détermine la valeur qui se trouvera dans le tableau.
  • ' indice ” est utilisé pour déterminer l'index du tableau.
  • ' arr ” est utilisé pour définir le tableau.
  • ' cette valeur ' est une valeur facultative attribuée à la fonction pour être utilisée comme ' ce ' valeur.

Exemple 1 : Utiliser Array.findIndex() avec des valeurs numériques

Pour utiliser array.findIndex() avec des valeurs numériques, essayez les instructions répertoriées :





  • Déclarez et initialisez la constante avec un nom particulier et affectez la valeur sous forme numérique dans un tableau.
  • Ensuite, invoquez le ' trouverIndex() ” méthode qui trouvera l'index selon le paramètre spécifié :
constante âge = [ 4 , 9 , 22 , 25 ] ;

âge. trouverIndex ( checkAge ) ;

Ensuite, définissez ' checkAge() ' fonction et ajouter le ' retour ” pour renvoyer la sortie de la condition :

fonction checkAge ( âge ) {

retour âge > 22 ;

}

La fonction a retourné ' 3 ” qui indique que la valeur supérieure à “ 22 ” a été trouvé sur le troisième index du tableau :



Exemple 2 : Utiliser Array.findIndex() avec des valeurs de texte

Le ' tableau.findIndex() ” peut également être utilisée avec des valeurs de texte dans un tableau. Pour ce faire, définissez la constante avec un nom spécifique et affectez la valeur dans un tableau :

constante Des pays = [ 'Royaume-Uni' , 'Singapour' , 'Canada' , 'Inde' ]

Ensuite, définissez une fonction avec le nom ' getCountry() ”. Ensuite, utilisez le ' retour ” déclaration pour afficher le pays avec la valeur “ Canada ” :

fonction getCountry ( Pays ) {

retour Pays === 'Canada' ;

}

Enfin, exécutez le ' console.log() ” pour afficher la sortie sur la console. Pour ce faire, invoquez la méthode findIndex() et passez ' getCountry ” en paramètre :

console. enregistrer ( Des pays. trouverIndex ( getCountry ) )

Il s'agit d'utiliser la méthode array.findIndex() dans ES6.

Conclusion

Le Array.findIndex() est une méthode JavaScript introduite dans ES6. Il est utilisé pour renvoyer l'index d'un élément de tableau initial qui est évalué comme vrai, selon la condition indiquée. Vous pouvez également appeler cette méthode pour trouver la valeur d'index des ensembles de données numériques et textuelles dans un tableau. Ce tutoriel a démontré l'utilisation de la méthode JavaScript Array.findIndex().