Trier l'objet JavaScript par valeur

Le tri d'objets organise une collection de propriétés dans un ordre spécifique. Il peut être trié par ses propriétés / attributs. Plus précisément, le tri des objets par valeur implique généralement de tri les paires de valeurs de clé d'un objet basé sur les valeurs d'une clé spécifique d'un objet.

Ce blog définira la procédure de tri de l'objet par valeur en JavaScript.

Comment trier les objets JavaScript par valeur?

Pour trier l'objet JavaScript par valeur, utilisez les méthodes suivantes:

• objet.Méthode des entrées () avec la méthode tri ()
• Méthode FromEntries ()
• Méthode réduir ()

Méthode 1: Trier l'objet JavaScript par valeur en utilisant «Objet.Méthode entrées () »avec la méthode« Sort () »

Utilisez le "objet.Entrées ()«Méthode avec le«trier()”Méthode pour trier les objets par valeur en javascript. L'object.Entrées () Méthode donne un tableau des propriétés énumérables d'un objet donné dans les paires [clé, valeur]. La méthode tri () est utilisée pour trier les éléments du tableau en place / commande. Ici, nous utiliserons la méthode tri () avec la fonction de comparaison pour comparer les valeurs.

Exemple

Créer un objet nommé "obj»Avec cinq propriétés et leurs valeurs respectives:

const obj =
Émirats arabes unis: 6,
Canada: 9,
Autriche: 3,
Torentto: 5,
Bangladesh: 2
;

Appeler le "objet.Entrées ()”Méthode pour convertir l'objet en un tableau qui contient des paires de clés et de valeurs. Ensuite, utilisez le "trier()”Méthode sur ce tableau en passant une fonction de comparaison qui compare le deuxième élément, les valeurs des propriétés de chaque paire. Le tableau sera trié par ordre croissant en fonction des valeurs:

const tridObject = objet.Entrées (OBJ).tri ((x, y) => x [1] - y [1]);

Imprimez les tableaux triés sur la console:

console.log (tridObject);

La sortie affiche les tableaux triés des propriétés énumérées d'un objet donné dans les paires [clé, valeur]:

La méthode ci-dessus donne les propriétés de l'objet dans un tableau de paires de valeurs clés. Donc, pour obtenir l'objet d'un tableau, suivez la méthode ci-dessous.

Méthode 2: Trier l'objet JavaScript par valeur en utilisant la méthode «FromEntries ()»

Utilisez le "FromEntries ()«Méthode qui permet la création d'un objet à partir d'un tableau de paires de valeurs clés. C'est la nouvelle méthode introduite dans ECMAScript 2019 (ES10).

Exemple

Appeler le "FromEntries ()"Méthode et passer la variable"tri-objet"Cela stocke les tableaux triés des propriétés énumérables d'un objet donné dans les paires [clé, valeur]. Il convertira les tableaux en un objet:

const sriebjectByValues ​​= objet.FromEntries (tridObject);

Imprimez l'objet trié sur la console en utilisant le «console.enregistrer()" méthode:

console.log (sortObjectByValues);

Comme vous pouvez le voir, les tableaux triés ont été convertis avec succès en l'objet trié:

Méthode 3: Trier l'objet JavaScript par valeur à l'aide de la méthode «réduction ()»

Vous pouvez également utiliser le «réduire()"Méthode avec"objet.Entrées ()" et le "trier()”Méthode pour obtenir l'objet trié par valeur à partir d'un tableau de paires de valeurs clés.

Exemple

Appelez la méthode Reduce () pour convertir le tableau trié en un objet en itérant sur chaque paire [clé, valeur] et en l'ajoutant à un nouvel objet "sortobjectbyvalues»:

const sriebjectByValues ​​= triEdObject.réduire ((obj, [clé, valeur]) => (
… Obj, [clé]: valeur
), );

Sortir

Il s'agit de trier les objets JavaScript par valeur.

Conclusion

Pour tri les objets par valeur en JavaScript, utilisez le «objet.Entrées ()«Méthode avec le«trier()" méthode, "FromEntries ()«Méthode, ou le«réduire()" méthode. Le "objet.Entrées ()«La méthode donne les tableaux triés des propriétés énumérées des objets donnés, tandis que le«FromEntries ()"Méthode et le"réduire()”Méthode Convertir les tableaux triés en un objet. Ce blog a démontré la procédure de tri de l'objet par valeur en javascript.