Comment trouver l'index d'un élément de tableau dans JavaScript

L'indice d'un élément de tableau représente la position de l'élément dans le tableau. Le numéro d'index peut être récupéré en utilisant les méthodes indexof (), lastIndexof () et findIndex (). Toutes ces méthodes sont utilisées pour tracer l'index des éléments du tableau. Ce guide fournit un aperçu des méthodes possibles qui peuvent être utilisées pour obtenir le numéro d'index d'un élément spécifique dans un tableau. Les résultats d'apprentissage suivants sont attendus lorsque vous passez par cet article:

• Indexof () Méthode en javascript
• Méthode LastIndexof () en javascript
• FindIndex () Méthode en javascript

Comment trouver l'index d'un élément de tableau dans JavaScript

L'élément de tableau peut être tracé en utilisant les méthodes Indexof (), LastIndexof () et FindIndex (). Cette section fournit le fonctionnement de chaque méthode avec des exemples.

Comment trouver l'index d'un élément de tableau à l'aide de la méthode indexof ()

La méthode indexof () retrace la première occurrence d'un élément spécifique et renvoie l'index.

Syntaxe

déployer.indexof (élément, start);

• Le déployer(ou un tableau lui-même) fait référence à la variable de tableau où le élément serait tracé pour un numéro d'index.
• Le commencer la valeur représente un numéro d'index à partir de l'endroit où le Indice de() La méthode commencera à rechercher.

Le commencer La valeur peut être définie sur négatif ou positif.

• Si la valeur est positive, la méthode indexof () commencerait de cet index.
• Si la valeur est négative, la recherche commencerait après avoir calculé l'expression suivante. (longueur du tableau + (valeur négative)).

Exemple

L'utilisation de la méthode indexof () est décrite pour obtenir l'index d'un élément spécifique dans une variable de tableau.

arr = ["pomme", "goyava", "banane", "pêche", "banane"];
console.journal (arr.indexof ("banane"));
console.journal (arr.indexof ("banane", -1));

Le code ci-dessus crée un tableau. Nous avons utilisé le Indice de() Méthode sur le «banane”Élément de ce tableau . La première méthode retrace l'élément banane et renvoie le numéro d'index de sa première occurrence. Tandis que la deuxième méthode indexof () prend -1 pour la valeur de démarrage, le tri commencera à partir de index = (4+ (-1) = 3).

Sortir

La sortie montre l'index de la première occurrence de «banane"Sans aucune condition de départ et la deuxième méthode prend la condition de départ"-1»Et commencera le comptage d'index à partir de (4 + (- 1)).

Comment trouver l'index d'un élément de tableau à l'aide de la méthode LastIndexof ()

Comme le nom de cette méthode le représente, il renverrait la dernière occurrence d'un élément.

Syntaxe

déployer.LastIndexof (élément);

La syntaxe est décrite comme, le déployer est une variable de tableau (ou un tableau lui-même) et le élément est contenu à l'intérieur.

Exemple

Ici, la méthode LastIndexof () est appliquée pour obtenir l'index d'un élément spécifique

num = [3, 4, 3, 5, 9, 3, 12];
console.journal (num.LastIndexof (3));
console.journal (num.LastIndexof (30));

Le code ci-dessus crée un tableau numérique et le LastIndexof() La méthode est appliquée à ce tableau pour tracer le dernier index de «3". De plus, nous avons appliqué le LastIndexof() Méthode sur un nombre "30»(Cela n'appartient pas à un tableau).

Sortir

La sortie montre que le dernier numéro d'index d'un élément "3" est "5" Et comme le nombre «30«N'appartient pas au tableau, le résultat est«-1".

Comment trouver l'index d'un élément de tableau à l'aide de la méthode FindIndex ()

En utilisant FindIndex (), vous pourrez obtenir l'index d'un élément qui répond aux critères que vous avez spécifiés. Une fois qu'un élément satisfait à la fonction (critères), la méthode findIndex () cesse d'exécuter et renvoie l'index de cet élément uniquement.

déployer.findIndex (fonction (valeur courante, index, arr), cette valeur)

Le findIndex () La méthode accepte deux arguments, l'un est une fonction (une fonction de test à exécuter sur chaque élément jusqu'à ce que tout élément satisfait la condition) et l'autre est cette valeur.

Le fonction accepte les paramètres suivants

Valeur actuelle: Il fait référence à la valeur d'un élément actuel

Indice: Il s'agit d'un paramètre facultatif et représente l'index de l'élément actuel

Arr: Se réfère à la table de l'élément actuel

Exemple

Le code JS suivant exécute le findIndex () Méthode pour obtenir le numéro d'index d'un élément qui satisfait la condition.

num = [10, 9, 8, 20, 19];
Fonction Find (élément)
Élément de retour> 10;
;
console.journal ((num.findIndex (find)));

Dans le code ci-dessus, un tableau nommé «nobs"Est initialisé et le trouver() La fonction est appliquée sur chaque élément de NUM, et il renvoie des valeurs supérieures à 10. Après cela, le «trouver()"La méthode est appelée du"findIndex ()«Fonction pour obtenir l'index du premier élément qui est supérieur à«dix".

Sortir

Le "trouver()«La méthode renvoie tous les nombres supérieurs à«dix" et le "findIndex ()»La méthode ne choisit que l'index du premier numéro (c'est-à-dire 20 dans notre cas).

Conclusion

JavaScript fournit diverses méthodes telles que les méthodes indexof (), lastIndexof () et findIndex () pour obtenir le numéro d'index d'un élément dans un tableau. Ce guide fournit des syntaxes et le fonctionnement de chaque méthode susmentionnée. Pour obtenir le premier indice d'occurrence d'un élément, le Indice de() la méthode est utilisée. Cependant, le lastInExof () vous donnerait l'indice de la dernière occurrence d'un élément spécifique. Par opposition à ces méthodes, findIndex () Renvoie le numéro d'index du premier élément qui satisfait une fonction donnée (qui est transmise en tant que paramètre pour findIndex ()).