Maison > interface Web > js tutoriel > Comment filtrer un tableau d'objets en JavaScript ?

Comment filtrer un tableau d'objets en JavaScript ?

DDD
Libérer: 2024-11-05 19:39:02
original
642 Les gens l'ont consulté

How to Filter an Array of Objects in JavaScript?

Filtrer un tableau d'objets en JavaScript

Étant donné un tableau d'objets, il est souvent nécessaire de les rechercher et de les filtrer en fonction de critères spécifiques. Voici comment filtrer un tableau d'objets en JavaScript, en vous concentrant sur la recherche d'objets dont le nom est égal à "Joe" et dont l'âge est inférieur à 30 ans.

Méthode Array.prototype.filter() :

La méthode Array.prototype.filter() vous permet de créer un nouveau tableau en filtrant le tableau d'origine en fonction d'une fonction donnée. Dans notre cas, la fonction comparerait le nom et l'âge de l'objet aux critères.

<code class="js">const found_names = names.filter(v => v.name === "Joe" && v.age < 30);</code>
Copier après la connexion

Cette solution utilise une fonction flèche (ES6) pour tester chaque élément du tableau. Si les conditions de nom et d'âge sont remplies, l'élément sera inclus dans le nouveau tableau.

JQuery.grep() Fonction :

Si vous utilisez jQuery, vous pouvez également utiliser la fonction jQuery.grep() pour effectuer le filtrage.

<code class="js">var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});</code>
Copier après la connexion

jQuery.grep() prend un tableau et une fonction de rappel comme arguments. La fonction de rappel, similaire à la fonction flèche dans la première solution, évalue chaque élément du tableau par rapport aux conditions spécifié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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal