Comment filtrer les objets en javascript?

Lors de la programmation en JavaScript, nous voulons souvent supprimer les valeurs répétées ou non valides contenues dans un objet ou supprimer les objets contenant certaines valeurs. Dans de tels cas, le filtrage des objets en JavaScript peut aider à réduire la complexité et à supprimer les entrées supplémentaires pour rendre le code lisible et compréhensible.

Ce blog montrera les méthodes pour filtrer les objets en javascript.

Comment filtrer l'objet en javascript?

Un objet peut être filtré en JavaScript en appliquant le «filtre()" méthode:

• Avec "recherche()" méthode
• Sur "Valeurs booléennes d'objet"
• Basé sur "condition"

Voyons chacun des scénarios mentionnés un par un!

Méthode 1: Filtre Objet en JavaScript en appliquant des méthodes Filter () et Search ()

Le "filtre()«La méthode crée un nouveau tableau d'éléments selon la condition appliquée. Tandis que le "recherche()»Méthode recherche la chaîne spécifiée dans un tableau. Ces méthodes peuvent être utilisées pour rechercher une valeur d'objet particulière et la filtrer.

déployer.filtre (fonction (courant, index, arr), ceci)

Dans la syntaxe donnée, le «fonction»Fait référence à la fonction qui doit être exécutée pour chaque élément de tableau, et les valeurs d'argument de la fonction se réfèrent à«indice«De l'élément actuel dans un tableau et«ce«La valeur est-elle passée à la fonction.

chaîne.Recherche (valeur)

Dans la syntaxe ci-dessus, la méthode Search () recherche le «valeur"Dans la chaîne donnée.

Exemple
Premièrement, déclarez un éventail d'objets avec le «nom»Propriétés et valeurs correspondantes:

Laissez objdata = [nom: "rock", id: "1", vif: true,
nom: "John", id: "2", vif: true,
nom: "David", id: "3", vif: false]

Après cela, appliquez la méthode filtre () sur la valeur du «vivant«Propriété de telle manière que l'objet ayant la valeur booléenne de la propriété spécifiée comme«FAUX»Sera filtré du tableau:

Laissez objdata = [nom: "Harry", name: "David", name: "Alisa"]

Ensuite, le «filtre()"La méthode sera appliquée avec la valeur"article«Comme son argument qui sera transmis au tableau d'objets accessible de telle manière que le«recherche()"La méthode recherchera la valeur d'objet spécifique"Harceler»Et filtrez-le en utilisant l'ancienne méthode:

Laissez filterObj = objdata.filtre ((élément) => élément.nom.recherche ("Harry"))

Enfin, les objets filtrés seront affichés sur la console:

console.log ("Les objets filtrés sont:", filterObj)

La sortie correspondante sera la suivante:

On peut voir que la valeur spécifiée est filtrée à partir du tableau donné d'objets.

Méthode 2: Filtre Objet en JavaScript en appliquant la méthode Filter () basée sur les valeurs booléennes de l'objet

Le "filtre()«La méthode peut également être utilisée dans cette méthode pour filtrer les objets en accédant à leurs propriétés spécifiques et en les filtrant en fonction des valeurs booléennes correspondantes des propriétés ajoutées.

Exemple
Dans l'exemple suivant, nous déclarerons également un tableau d'objets détenant une chaîne, des propriétés de type numérique et booléen et leurs valeurs correspondantes:

Laissez objdata = [nom: "rock", id: "1", vif: true,
nom: "John", id: "2", vif: true,
nom: "David", id: "3", vif: false]

Après cela, appliquez la méthode Filter () sur la valeur de la propriété «vivante» de telle manière que l'objet ayant la valeur booléenne de la propriété spécifiée comme «faux» sera filtré du tableau:

const FilterObj = objdata.filtre ((élément) => élément.vivant);

En conséquence, les objets filtrés ayant la valeur booléenne «vrai«Sera connecté à la console:

console.log ("Les objets filtrés sont:", filterObj);

Sortir

Méthode 3: Objet filtrant en JavaScript en appliquant la méthode filtre () basée sur la condition

Dans cette méthode particulière, nous utiliserons le «filtre()«Méthode pour filtrer une propriété d'objet particulier en fonction de la condition ajoutée dans son argument.

Regardez l'exemple suivant pour la démonstration.

Exemple
Tout d'abord, déclarez un tableau d'objets comme suit:

Laissez objdata = [nom: "rock", id: "1", vif: true,
nom: "John", id: "2", vif: false,
nom: "David", id: "3", vif: false]

Ensuite, appliquez le «filtre()«Méthode sur la propriété« ID »de l'Objdata de telle manière que les objets ayant une ID inférieure à trois seront stockés dans le«filterobj»Et le reste deviendra obsolète:

Laissez filterObj = objdata.filtre ((élément) => élément.identifiant < 3);

Enfin, enregistrez les objets filtrés satisfaisant la condition ci-dessus sur la console:

console.log ("Les objets filtrés sont:", filterObj);

Dans la sortie donnée, on peut observer que les objets sont filtrés en fonction de la valeur de «identifiant”Quelle que soit les valeurs booléennes assignées.

Nous avons discuté de diverses méthodes pour filtrer les objets en javascript.

Conclusion

Pour filtrer les objets en JavaScript, appliquez le «filtre()" et "recherche()”Méthodes en combinaison pour rechercher la valeur de l'objet et le filtrer. De plus, seul le filtre () peut être utilisé pour filtrer la propriété d'un objet en fonction des conditions ajoutées. Cet article a expliqué trois méthodes pour filtrer les objets en javascript.