Comment puis-je trouver efficacement des objets JavaScript en fonction de la valeur de la propriété ?

Recherche d'objets par valeur correspondante dans des tableaux JavaScript

Lorsque vous êtes confronté à un tableau d'objets JavaScript, récupérer un objet spécifique en fonction d'une propriété correspondante la valeur peut être un défi. Cet article explore les méthodes efficaces disponibles pour trouver un tel objet sans effort.

La méthode find()

La méthode find() de JavaScript fournit une solution simple. Sa syntaxe est la suivante :

find(predicateFunction)

où predicateFunction est un rappel qui renvoie une valeur booléenne indiquant si l'élément actuel répond aux critères de recherche. Pour trouver un objet avec une valeur correspondante pour la propriété "id", nous pouvons utiliser le code suivant :

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

La méthode findIndex()

Si vous Si vous êtes uniquement intéressé par l'index de l'objet correspondant, la méthode findIndex() peut être utile. Sa syntaxe est :

findIndex(predicateFunction)

Le code ci-dessous renverra l'index de l'objet avec la propriété "id" définie sur '45' :

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

Le filtre ( ) Méthode

Pour obtenir un tableau contenant tous les objets correspondants, la méthode filter() fournit une solution pratique. Sa syntaxe est :

filter(predicateFunction)

Le code suivant renverra un tableau d'objets dont la propriété "id" est définie sur '45' :

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

La carte ( ) Méthode

Enfin, si vous avez besoin d'un tableau contenant uniquement les valeurs correspondantes d'une propriété spécifique, la méthode map() peut être utilisée. Sa syntaxe est :

map(transformFunction)

Le code ci-dessous renverra un tableau de valeurs de propriété "foo" pour les objets dont la propriété "id" est définie sur "45" :

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

Remarque sur la compatibilité des navigateurs

Il convient de noter que les navigateurs comme Internet Explorer peuvent ne pas prendre en charge les méthodes modernes telles que find() et filtre(). Pour la compatibilité avec ces navigateurs, pensez à transpiler votre code en utilisant Babel avec les polyfills appropriés.

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!