Comment puis-je trier les propriétés des objets JavaScript en fonction de leurs valeurs ?

Tri des propriétés d'objet par valeurs

Le tri des propriétés d'un objet en fonction de leurs valeurs en JavaScript peut être réalisé grâce à une solution de contournement ingénieuse. Plutôt que de nous fier à l'ordre des propriétés d'objet dépendant de l'implémentation, nous pouvons les convertir en tableau, trier le tableau et recréer l'objet.

Pour ce faire, nous déplaçons les propriétés de l'objet dans un tableau à l'aide d'un loop :

let sortable = [];
for (var vehicle in maxSpeed) {
    sortable.push([vehicle, maxSpeed[vehicle]]);
}

Une fois sous forme de tableau, nous pouvons utiliser la fonction de tri pour trier les éléments par valeur :

sortable.sort(function(a, b) {
    return a[1] - b[1];
});

Cela donne un tableau dans ordre trié :

// [["bike", 60], ["motorbike", 200], ["car", 300],
// ["helicopter", 400], ["airplane", 1000], ["rocket", 28800]]

À partir du tableau trié, nous pouvons reconstruire l'objet tout en préservant l'ordre souhaité :

let objSorted = {}
sortable.forEach(function(item){
    objSorted[item[0]]=item[1]
})

Alternativement, si ES8 est disponible, nous pouvons utiliser l'objet. entrées et méthodes de réduction pour transformer l'objet en tableau :

const sortable = Object.entries(maxSpeed)
    .sort(([,a],[,b]) => a-b)
    .reduce((r, [k, v]) => ({ ...r, [k]: v }), {});

Cette approche reste une solution de contournement en raison de bizarreries d'implémentation, et il faut éviter en s'appuyant sur l'ordre des propriétés des objets en JavaScript.

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!