Heim > Web-Frontend > js-Tutorial > Wie kann ich in JavaScript ein Array von Objekten nach mehreren Feldern sortieren?

Wie kann ich in JavaScript ein Array von Objekten nach mehreren Feldern sortieren?

DDD
Freigeben: 2024-12-17 05:53:24
Original
363 Leute haben es durchsucht

How Can I Sort an Array of Objects by Multiple Fields in JavaScript?

Arrays von Objekten nach mehreren Feldern sortieren

In der ursprünglichen Frage wurde das Sortieren eines Arrays von Objekten nach einem einzelnen Feld effizient gelöst. Wie können wir jedoch eine Sortierung auf mehrere Felder anwenden?

Um ein Array von Objekten nach mehreren Feldern zu sortieren, können wir einen verketteten Sortieransatz verwenden. Dabei wird nach dem ersten Feld sortiert und dann, wenn die Werte gleich sind, mit der Sortierung nach dem zweiten Feld fortgefahren. Bei Bedarf kann dieser Vorgang für weitere Felder wiederholt werden.

Betrachten Sie das folgende Beispiel, in dem wir eine Reihe von Häusern nach Stadt (aufsteigend) und dann nach Preis (absteigend) sortieren möchten:

var homes = [
    {"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":"6",
     "city":"Dallas",
     "state":"TX",
     "zip":"75000",
     "price":"556699"},
    {"h_id":"5",
     "city":"New York",
     "state":"NY",
     "zip":"00010",
     "price":"962500"}
    ];
Nach dem Login kopieren

Um dieses Array zu sortieren, können wir den folgenden JavaScript-Code verwenden:

homes.sort(function (a, b) {
    return a.city.localeCompare(b.city) || b.price - a.price;
});
Nach dem Login kopieren

So funktioniert dieser Code funktioniert:

  1. Die Sortierfunktion verwendet eine Vergleichsfunktion als Argument. Diese Funktion vergleicht zwei Elemente im Array.
  2. In unserer Vergleichsfunktion vergleichen wir zunächst die Städte der beiden Häuser. Wenn sie gleich sind, vergleichen wir ihre Preise.
  3. Die Funktion „localeCompare“ vergleicht zwei Zeichenfolgen und berücksichtigt das Gebietsschema des Browsers. Dadurch wird sichergestellt, dass die Sortierung über verschiedene Gebietsschemas hinweg konsistent ist.
  4. Das || Der Operator wird verwendet, um eine logische ODER-Operation durchzuführen. Wenn der Städtevergleich einen Wert ungleich Null zurückgibt, bedeutet dies, dass die beiden Häuser unterschiedliche Städte haben und der Städtevergleich zur Sortierung verwendet werden sollte. Andernfalls wird der Preisvergleich verwendet.
  5. Wenn der Preisvergleich einen negativen Wert zurückgibt, bedeutet dies, dass das erste Haus einen niedrigeren Preis hat als das zweite Haus. Wenn es einen positiven Wert zurückgibt, hat das erste Haus einen höheren Preis als das zweite Haus. Der Sortieralgorithmus verwendet diesen Wert, um die Reihenfolge der Häuser zu bestimmen.

Durch die Anwendung dieses Sortieransatzes auf mehrere Felder können wir komplexe Arrays von Objekten problemlos in der gewünschten Reihenfolge sortieren.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript ein Array von Objekten nach mehreren Feldern sortieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage