Comment filtrer les tableaux d'objets basés sur les attributs en javascript

Les tableaux sont des structures de données qui permettent de stocker différentes valeurs dans une seule variable en stockant des informations dans un ensemble d'adresses mémoire à proximité. Un tableau peut contenir une collection de données du même type. Vous pouvez également stocker de nombreux objets avec le même type et leurs attributs dans un tableau, qui peut ensuite être récupéré ou filtré à l'aide de diverses méthodes en JavaScript.

Cette étude discutera des méthodes pour filtrer les tableaux d'objets basés sur les attributs.

Comment filtrer les tableaux d'objets basés sur les attributs en javascript?

Pour filtrer les tableaux d'objets en fonction des attributs en JavaScript, utilisez les méthodes suivantes:

• Find () Méthode
• Méthode filtre ()

Examinons toutes ces méthodes individuellement.

MÉTHODE 1: Filtre des tableaux d'objets basés sur les attributs à l'aide de la méthode find ()

La méthode «find ()» est utilisée pour filtrer un seul objet à partir d'un tableau d'objets qui satisfont la condition donnée. Ici, nous examinerons la méthode Find () avec la fonction de flèche (=>).

La fonction de flèche est également une fonction anonyme, telle qu'elle est définie sans le nom de la fonction. En savoir plus sur les fonctions Arrow.

Syntaxe
Pour utiliser la fonction flèche avec Filter (), suivez la syntaxe donnée:

filtre (currentElement =>
Retour statement conditionnel;
);

Il renvoie le premier élément qui correspond à la condition spécifiée et si aucun élément ne correspond, il renvoie "indéfini".

Exemple:
Tout d'abord, nous créerons un tableau d'objets nommés «employée»:

var Employeelist = [
id: 101, nom: 'rhonda', âge: 20, département: 'Audit',
id: 111, nom: 'Susan', âge: 28, département: 'comptes',
id: 191, nom: 'Stephen', âge: 32, département: 'Audit',
id: 131, nom: 'napoléon', âge: 20, département: 'hr'
]]

Filtrez l'objet en fonction de l'attribut "département"C'est égal à"Audit"En utilisant la méthode Find ():

Employé de VAR = Employelist.trouver (emp =>
Retour Emp.Dept === 'Audit';
);

Enfin, imprimez l'objet filtré sur la console en utilisant «console.enregistrer()" méthode:

console.journal (employé);

La sortie affiche le seul premier objet qui correspond au département === 'Audit':

Si vous souhaitez accéder à un attribut qui n'existe pas dans l'objet, dans ce cas, la méthode Filter () reviendra "indéfini»:

Comment filtrer tous les objets liés à une condition donnée? Suivez la section suivante.

Méthode 2: Tableaux d'objets Filter basés sur les attributs à l'aide de la méthode Filter ()

Pour filtrer tous les objets d'un tableau basé sur des attributs sur la condition donnée, le javascript prédéfini "filtre()"La méthode est utilisée. Ici, nous examinerons deux approches pour appliquer un filtre à un tableau d'objets, une fonction fléchée ou une fonction de rappel. Il reçoit chaque élément qui lui a été transmis par la méthode Filter (), qui boucle en interne à travers les éléments du tableau. Il ajoute l'élément au tableau renvoyé si la fonction de rappel renvoie true.

Syntaxe
La syntaxe de la méthode filtre () est la suivante:

filtre (rappel, objet);

Ici, la méthode filtre () prend deux paramètres, «fonction de rappel», Qui est le paramètre obligatoire, et«objet», Qui est un argument facultatif. Il publie un nouveau tableau qui contient chaque élément qui répond à l'exigence spécifiée. Si aucun des éléments ne satisfait la condition spécifiée, il renverra un tableau vide en tant que sortie.

Pour utiliser la méthode filtre () avec une fonction de rappel pour le filtrage du tableau d'objets en fonction des attributs, utilisez la syntaxe suivante:

var newArray = Array.filtre (fonction (currentElement)
Retour statement conditionnel;
);

La fonction de rappel () prend trois paramètres le «actuel","indice", Et un "déployer". Le CurrentElement est l'élément du tableau qui est actuellement traité par la fonction de rappel, et c'est l'argument obligatoire. En comparaison, l'index et le tableau sont des paramètres facultatifs.

Exemple 1: tableaux d'objets de filtre basés sur les attributs à l'aide de la méthode filtre () avec fonction de rappel
Nous utiliserons le même tableau d'objets "employée”Créé dans l'exemple précédent. Maintenant, nous utiliserons la méthode filtre () avec la fonction de rappel pour filtrer le tableau d'objet en fonction de l'attribut "nom»:

Employé de VAR = Employelist.filtre (fonction (emp)
Retour Emp.name === 'Susan';
);

Sortir

Exemple 2: Tableaux d'objets de filtre basés sur les attributs à l'aide de la méthode Filter () avec une fonction flèche
Ici, nous utiliserons la méthode filtre () avec la fonction flèche pour filtrer le tableau d'objet en fonction de l'attribut "département»:

Employé de VAR = Employelist.filtre (emp =>
Retour Emp.Dept === 'Audit';
);

La sortie montre toutes les données qui correspondent au département === 'Audit':

Si vous souhaitez accéder à l'attribut qui n'existe pas dans l'objet, il renverra un tableau vide:

Nous avons rassemblé toutes les méthodes pour filtrer un tableau d'objets en fonction des attributs en JavaScript.

Conclusion

Pour filtrer le tableau d'objets en fonction des attributs en JavaScript, utilisez les méthodes intégrées JavaScript telles que «trouver()«Méthode ou«filtre()" méthode. La méthode find () sortit le premier élément qui correspond à la condition spécifiée, et si aucun élément ne correspond, il renvoie indéfini. En revanche, la méthode filtre () donne un nouveau tableau qui contient des éléments qui répondent à la condition spécifiée. Si aucun des éléments ne satisfait la condition particulière, elle donnera un tableau vide. Dans cette étude, nous avons discuté des méthodes pour filtrer le tableau d'objets en fonction de leurs attributs avec des exemples.