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
1007 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!

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
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