Comment trouver l'index de l'objet dans le tableau javascript

Parfois, lorsque vous travaillez avec des objets contenant des tableaux, vous devrez connaître l'index d'un objet. Vous pouvez utiliser différentes méthodes JavaScript pour identifier uniquement les objets de leurs propriétés, puis accéder à leurs indices. Ce guide donnera une explication complète et complète de la façon dont différentes méthodes peuvent être utilisées pour atteindre cet objectif.

Rechercher l'index de l'objet avec la méthode MAP et indexof ()

La méthode MAP est utilisée pour appliquer une fonction sur chaque élément du tableau, la transformer puis la retourner à l'intérieur d'un tableau. Nous pouvons utiliser cette méthode pour obtenir des propriétés spécifiques d'objets que nous pouvons ensuite utiliser pour identifier les objets. Lorsque nous identifions l'objet que nous voulons connaître l'index de nous pouvons simplement appeler la méthode indexof ():

Laissez Employés = [FirstName: "John", LastName: "Doe", Âge: 38, FirstName: "John", LastName: "Smith", âge: 45];
Soit Ind = employés.Carte (élément => élément.âge).Indexof (45);
console.log (ind);

Dans le code ci-dessus, nous avons d'abord défini un tableau qui contient deux objets. Les objets contiennent des données de différents employés. Nous avons ensuite utilisé la fonction de carte pour obtenir simplement l'âge des employés dans un tableau séparé. Enfin, nous avons utilisé la méthode indexof () pour obtenir l'index de l'objet dont la propriété d'âge est de 45 ans et l'avons imprimée à la console. Nous aurions pu utiliser la fonction de carte pour obtenir la valeur de n'importe quelle propriété et obtenir l'index de l'objet en fonction de cette propriété.

JavaScript ES6 a introduit une nouvelle méthode appelée FindIndex (). Cette méthode est beaucoup plus élégante, mais malheureusement, elle ne fonctionne pas sur les vieux navigateurs.

Trouver l'index de l'objet avec la méthode findIndex ()

La méthode findIndex () prend une fonction contenant un test comme argument et l'applique à chaque élément du tableau sans apporter aucune modification au tableau d'origine. Il renvoie ensuite la position de l'élément de tableau ou -1 si aucun élément passe le test. Avec l'utilisation de la méthode FindIndex (), nous n'avons pas besoin de la fonction map ():

Laissez Employés = [FirstName: "John", LastName: "Doe", Âge: 38, FirstName: "John", LastName: "Smith", âge: 45];
Soit Ind = employés.findIndex (item => return item.Âge == 45);
console.log (ind);

La méthode findIndex () peut également prendre l'index de l'élément actuel et le tableau d'élément actuel comme arguments facultatifs.

Nous avons utilisé des fonctions flèches dans les deux exemples ci-dessus pour rendre le code plus lisible, mais la syntaxe de fonction par défaut peut également être utilisée comme argument de ces fonctions:

Laissez Employés = [FirstName: "John", LastName: "Doe", Âge: 38, FirstName: "John", LastName: "Smith", âge: 45];
Soit Ind = employés.findIndex (fonction (item) return item.Âge == 45);
console.log (ind);

Conclusion

Ce tutoriel complet donne deux méthodes différentes pour trouver les indices d'objets en JavaScript en fonction des valeurs de leurs propriétés. La méthode findIndex () applique la fonction conditionnelle à chaque élément du tableau lui-même puis renvoie l'index de l'élément qui passe la condition. Mais lorsque nous utilisons la méthode indexof (), nous devons également utiliser la méthode map () pour obtenir les valeurs de propriété.