Maison > interface Web > js tutoriel > Comment puis-je trouver l'index d'un objet avec une valeur de propriété spécifique dans un tableau JavaScript ?

Comment puis-je trouver l'index d'un objet avec une valeur de propriété spécifique dans un tableau JavaScript ?

Linda Hamilton
Libérer: 2024-12-02 05:32:11
original
648 Les gens l'ont consulté

How Can I Find the Index of an Object with a Specific Property Value in a JavaScript Array?

Trouver l'index des objets cibles dans un tableau

En JavaScript, naviguer dans des tableaux d'objets présente un défi : localiser efficacement des éléments avec des propriétés spécifiques nécessite une approche méthodique. Supposons que vous receviez un tableau d'objets comme celui-ci :

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

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

Votre objectif est de déterminer l'index d'un élément dont la propriété hello est égale à 'stevie' dans myArray. En appelant la fonction map, cette opération peut être rationalisée en une expression succincte :

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

Développant cette solution, la fonction map parcourt le tableau myArray, générant un nouveau tableau contenant uniquement les valeurs de propriété hello pour chaque objet. Par la suite, l'opération indexOf('stevie') dans l'instruction map renvoie la position de la valeur cible 'stevie' à l'intérieur du tableau nouvellement créé. Cette méthodologie identifie efficacement la position de l'élément correspondant dans myArray en fonction de sa propriété hello.

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