Sortieren eines Arrays von Objekten nach Eigenschaftswerten in JavaScript
JavaScript bietet eine elegante Lösung zum Sortieren eines Arrays von Objekten nach einer bestimmten Eigenschaft. Diese Funktion ist für die Organisation von Listen, das Abrufen verschiedener Elemente und die Durchführung von Datenanalysen unerlässlich.
Problemstellung:
Sie haben ein Array von Objekten über AJAX abgerufen und möchten dies tun Sortieren Sie sie nach der Eigenschaft „Preis“. Die Sortierung sollte sowohl eine aufsteigende als auch eine absteigende Reihenfolge ermöglichen.
Lösung:
Aufsteigende Reihenfolge
Zum Sortieren der Objekte Verwenden Sie in aufsteigender Reihenfolge des Preises die folgende JavaScript-Funktion:
homes.sort((a, b) => parseFloat(a.price) - parseFloat(b.price));
Alternativ für ES6 und oben:
homes.sort((a, b) => a.price - b.price);
Absteigende Reihenfolge
Um die Objekte in absteigender Preisreihenfolge zu sortieren, verwenden Sie:
homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));
Oder in ES6:
homes.sort((a, b) => b.price - a.price);
Denken Sie daran, die String-Preise vor dem Vergleich in Zahlen zu analysieren (parseFloat). sie.
Beispiel:
Für das gegebene Array von Objekten ergibt die Sortierung nach Preis in aufsteigender Reihenfolge:
[ { "h_id": "3", "city": "Dallas", "state": "TX", "zip": "75201", "price": "162500" }, { "h_id": "4", "city": "Bevery Hills", "state": "CA", "zip": "90210", "price": "319250" }, { "h_id": "5", "city": "New York", "state": "NY", "zip": "00010", "price": "962500" } ]
Und in absteigender Reihenfolge :
[ { "h_id": "5", "city": "New York", "state": "NY", "zip": "00010", "price": "962500" }, { "h_id": "4", "city": "Bevery Hills", "state": "CA", "zip": "90210", "price": "319250" }, { "h_id": "3", "city": "Dallas", "state": "TX", "zip": "75201", "price": "162500" } ]
Diese Sortierfunktion ermöglicht eine flexible und effiziente Datenbearbeitung in JavaScript-Anwendungen.
Das obige ist der detaillierte Inhalt vonWie sortiere ich ein Array von Objekten nach Eigenschaftswert in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!