Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition

Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition
Dans certaines situations, les développeurs doivent obtenir l'index d'un objet dans un tableau qui correspond à une certaine condition, tels que la recherche et la mise à jour de données spécifiques dans un tableau, en supprimant un élément d'un tableau basé sur certains critères, en récupérant des informations d'un tableau basé sur un tableau sur certaines conditions et ainsi de suite.

Ce tutoriel expliquera les méthodes pour obtenir l'index de l'objet dans un tableau basé sur une condition.

Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition

Pour obtenir l'index de l'objet dans un tableau en fonction de la correspondance de la condition spécifiée, utilisez les méthodes intégrées JavaScript donné:

  • Méthode indexof ()
  • Méthode findIndex ()
  • pour boucle

Méthode 1: Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition en utilisant la méthode «index ()»

Utilisez le "Indice de()«Méthode avec le«carte()”Méthode d'un objet Array pour obtenir l'index de l'objet dans un tableau. La méthode indexof () donne la valeur numérique "indice”De l'élément qui passe la condition spécifiée. Tandis que la méthode map () mappe les valeurs d'un tableau.

Exemple

Tout d'abord, créez un tableau d'objets:

const arrayoBj = [
id: '11', nom: 'John',
id: '15', nom: 'Jordan',
id: '23', nom: 'Joni'
]]

Appeler le "carte()”Méthode pour cartographier les noms de tous les objets dans un tableau, puis invoque le«Indice de()”Méthode en passant un nom spécifique qui renverra l'index de ce nom:

const gentindex = arrayoBj.map (objet => objet.nom).indexof ('Jordan');

Enfin, imprimez l'index renvoyé sur la console qui correspond au nom donné:

console.log (getIndex);

La sortie indique que l'index de l'objet qui contient le nom "Jordan" est "1»:

Méthode 2: Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition en utilisant la méthode «findIndex»

Utilisez le "findIndex ()”Méthode pour obtenir l'index d'un objet dans un tableau. Il publie l'index du premier élément du tableau qui satisfait / remplit la fonction de test spécifiée.

Exemple

Appelez la méthode FindIndex () pour trouver l'index de l'objet dont le nom est équivalent à «John»:

const gentindex = arrayoBj.findIndex (object =>
objet de retour.name === 'John';
);

Sortir

Méthode 3: Obtenez l'index de l'objet à l'intérieur d'un tableau, correspondant à une condition à l'aide de la boucle «pour»

Utilisez l'approche universelle appelée «pour”LOOP pour obtenir l'index d'un objet dans un tableau basé sur la correspondance d'une condition particulière.

Exemple

Pour utiliser le "pour«Technique de boucle, créez d'abord une variable« getindex »qui stocke l'index de l'objet qui remplit la condition:

Let GetIndex;

Itérer le tableau d'objets en utilisant la boucle «pour» jusqu'à sa longueur, et vérifiez l'index de l'objet dont «name == 'Joni'". Lorsque l'index spécifié est récupéré, arrêtez la boucle:

pour (let index = 0; index < arrayObj.length; index++)
if (arrayoBj [index].name === 'Joni')
getIndex = index;
casser;

Comme vous pouvez le voir l'affichage de sortie "2"Cela indique l'index de l'objet dont la valeur du nom est"Joni»:

Il s'agit d'obtenir l'index d'un objet à l'intérieur d'un tableau basé sur une condition en JavaScript.

Conclusion

Pour obtenir l'index de l'objet à l'intérieur d'un tableau en fonction de la correspondance de la condition spécifiée, utilisez le «Indice de()" méthode, "findIndex ()«Méthode, ou le«pour”Approche de boucle. Toutes ces méthodes fonctionnent mieux, mais la méthode «findIndex ()» est la méthode la plus couramment utilisée pour effectuer cette tâche. Dans ce tutoriel, nous avons expliqué les méthodes pour obtenir l'index de l'objet dans un tableau basé sur une condition.