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
Libérer: 2024-12-30 11:11:09
original
820 Les gens l'ont consulté

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;
Copier après la connexion

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');
Copier après la connexion

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');
Copier après la connexion

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);
Copier après la connexion

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