Maison > interface Web > js tutoriel > le corps du texte

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

Mary-Kate Olsen
Libérer: 2024-11-04 08:16:02
original
438 Les gens l'ont consulté

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

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

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!

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