Maison  >  Article  >  interface Web  >  Comment filtrer un tableau d'objets en fonction de critères spécifiques en JavaScript ?

Comment filtrer un tableau d'objets en fonction de critères spécifiques en JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-04 08:16:02438parcourir

How do I filter an array of objects based on specific criteria in JavaScript?

Tableau d'objets de filtre JavaScript : recherche de critères spécifiques

Un tableau d'objets offre un moyen pratique d'organiser les données, mais il est parfois nécessaire pour rechercher des informations spécifiques à l'intérieur. En tirant parti de la méthode de filtrage de JavaScript ou de la fonction grep de jQuery, vous pouvez effectuer efficacement de telles recherches.

Pour rechercher des objets dans un tableau d'objets, vous devez spécifier les critères de recherche. Dans cet exemple, vous souhaitez identifier les objets dont la propriété « name » est « Joe » et la propriété « age » est inférieure à 30.

Utilisation de la solution JavaScript moderne :

<code class="javascript">const found_names = names.filter(v => v.name === "Joe" && v.age < 30);</code>

Cette ligne crée un tableau found_names contenant tous les objets qui correspondent aux critères spécifiés. La méthode Array.prototype.filter() parcourt chaque élément du tableau de noms, en appliquant la fonction anonyme fournie. Si la fonction renvoie true pour un élément particulier, cet élément est ajouté au tableau found_names.

Alternativement, si vous préférez utiliser jQuery :

<code class="javascript">var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});</code>

la fonction $.grep() de jQuery fonctionne de la même manière que la méthode Array.prototype.filter(), filtrant un tableau en fonction d'une condition spécifiée. Il parcourt le tableau des noms, appliquant la condition à chaque objet. Le résultat est un tableau contenant les objets qui répondent aux critères.

En utilisant ces méthodes, vous pouvez facilement rechercher dans un tableau d'objets et localiser des données spécifiques, simplifiant ainsi les opérations de recherche complexes et améliorant l'efficacité de vos applications JavaScript. .

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