Comment filtrer un tableau d'objets en 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>
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>
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

jQuery Vérifiez si la date est valide

jQuery obtient un rembourrage / marge d'élément

10 vaut la peine de vérifier les plugins jQuery

Http débogage avec le nœud et le http-console

Tutoriel de configuration de l'API de recherche Google personnalisé

jQuery Ajouter une barre de défilement à div
