Maison > interface Web > js tutoriel > le corps du texte

Rechercher la position d'un élément à l'aide de la fonction findIndex en JavaScript

WBOY
Libérer: 2023-11-18 09:47:02
original
1563 Les gens l'ont consulté

Rechercher la position dun élément à laide de la fonction findIndex en JavaScript

Utilisez la fonction findIndex en JavaScript pour trouver la position d'un élément

En programmation JavaScript, il est souvent nécessaire de trouver la position d'un élément spécifié dans un tableau. Afin de faciliter cette fonction, JavaScript fournit la fonction findIndex. Utilisez cette fonction pour trouver rapidement la position d'un élément spécifié dans un tableau. La syntaxe de base de la fonction

findIndex est la suivante :
array.findIndex(callback[, thisArg])

Description du paramètre :

  • callback : Une fonction utilisée pour juger chaque élément du tableau. La fonction de rappel doit renvoyer une valeur booléenne. Si elle renvoie vrai, cela signifie que l'élément cible a été trouvé.
  • thisArg (facultatif) : cette valeur lors de l'exécution de la fonction de rappel.

La fonction findIndex parcourra du premier élément du tableau jusqu'à ce qu'elle trouve un élément qui remplit les conditions. Une fois trouvée, la valeur d'index de l'élément du tableau sera immédiatement renvoyée. Si aucun élément correspondant n'est trouvé, -1 est renvoyé.

Voici un exemple de code concret qui montre comment utiliser la fonction findIndex pour trouver la position d'un élément spécifié dans un tableau :

// 定义一个示例数组
const arr = [10, 20, 30, 40, 50];

// 找到元素30在数组中的位置
const targetIndex = arr.findIndex((element) => element === 30);
console.log(targetIndex); // 输出: 2

// 找到元素60在数组中的位置(不存在)
const nonExistingIndex = arr.findIndex((element) => element === 60);
console.log(nonExistingIndex); // 输出: -1
Copier après la connexion

Dans l'exemple ci-dessus, nous avons défini un tableau arr contenant 5 éléments. Utilisez ensuite la fonction findIndex pour trouver la position de l'élément 30 dans le tableau et attribuez le résultat à targetIndex. Puisque l'élément 30 existe dans le tableau, la fonction findIndex renvoie la valeur d'index de l'élément de 2. Utilisez ensuite console.log pour afficher la valeur de targetIndex. Vous pouvez voir que la console imprime 2.

Ensuite, nous utilisons la fonction findIndex pour trouver la position de l'élément 60 dans le tableau et attribuons le résultat à nonExistingIndex. Puisque l'élément 60 n'existe pas dans le tableau, la fonction findIndex renvoie -1. De même, utilisez console.log pour afficher la valeur de nonExistingIndex et vous pouvez voir que la console imprime -1.

Grâce à cet exemple de code spécifique, nous pouvons voir clairement le processus d'utilisation de la fonction findIndex pour trouver la position d'un élément en JavaScript. Si vous avez besoin de trouver la position d'un élément spécifié dans un tableau de votre code, essayez d'utiliser la fonction findIndex. C’est une méthode très pratique et efficace qui peut vous aider à résoudre ce problème rapidement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal