Maison >interface Web >js tutoriel >Comment puis-je trouver des objets JavaScript avec des valeurs de propriété correspondantes ?

Comment puis-je trouver des objets JavaScript avec des valeurs de propriété correspondantes ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-30 11:11:09772parcourir

How Can I Find JavaScript Objects with Matching Property Values?

Recherche d'un objet avec une valeur correspondante dans un tableau d'objets JavaScript

Vous disposez d'un tableau d'objets JavaScript et devez localiser un objet avec une valeur spécifique pour une propriété particulière. Voici comment y parvenir :

Utilisation de la méthode find()

const result = myArray.find(x => x.id === '45').foo;

Ce code utilise la méthode find() pour parcourir le tableau et renvoie le premier objet dont la propriété id correspond à la valeur donnée. La propriété foo de l'objet correspondant est ensuite accessible et renvoyée comme résultat.

Utilisation de la méthode findIndex()

const index = myArray.findIndex(x => x.id === '45');

Si vous devez déterminer l'index de l'objet correspondant, vous pouvez utiliser la méthode findIndex(). Cette méthode renvoie l'index du premier objet qui satisfait à la condition donnée.

Utilisation de la méthode filter()

Pour obtenir un tableau d'objets correspondants, utilisez le filtre( ) :

const matchingObjects = myArray.filter(x => x.id === '45');

Cela renverra un tableau d'objets qui répondent à la condition spécifiée.

Utilisation Méthode map() avec méthode filter()

Pour créer un tableau de propriétés spécifiques à partir des objets correspondants, combinez map() et filter() :

const fooValues = myArray.filter(x => x.id === '45').map(x => x.foo);

Cela permettra renvoie un tableau contenant les valeurs foo des objets correspondants.

Note de compatibilité

Pour les navigateurs plus anciens, vous devrez peut-être transpilez votre code en utilisant Babel pour prendre en charge des méthodes telles que find(), filter() et les fonctions fléchées.

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