Maison > interface Web > js tutoriel > Comment trouver efficacement l'index d'un objet correspondant à une condition spécifique dans un tableau JavaScript ?

Comment trouver efficacement l'index d'un objet correspondant à une condition spécifique dans un tableau JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-30 18:03:15
original
1113 Les gens l'ont consulté

How to Efficiently Find the Index of an Object Matching a Specific Condition in a JavaScript Array?

Trouver l'index d'un objet répondant aux conditions dans un tableau

Question :

Comment Un index au sein d'un tableau d'objets répondant à une condition spécifique peut-il être identifié efficacement et directement ?

Considérons un tableau d'objets objets :

var hello = { hello: 'world', foo: 'bar'};
var qaz = { hello: 'stevie', foo: 'baz'}

var myArray = [];
myArray.push(hello, qaz);
Copier après la connexion

Tâche :

Déterminer l'index de l'élément dont la propriété "hello" est égale à "stevie" dans le tableau "myArray". Dans cet exemple, le résultat devrait être 1.

Réponse :

Une solution élégante peut être obtenue en utilisant la fonction "map":

const pos = myArray.map(e => e.hello).indexOf('stevie');
Copier après la connexion

Cette ligne de code accomplit les étapes suivantes :

  • Mappe chaque élément de "myArray" à son "hello" propriété, créant efficacement un tableau de valeurs « bonjour ».
  • Utilise la fonction « indexOf » pour rechercher l'index de la valeur souhaitée, dans ce cas « stevie », dans le tableau intermédiaire généré par le mappage.

Par conséquent, la variable "pos" contiendra l'index souhaité, qui est 1 dans l'exemple fourni.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal