Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie sortiere ich in JavaScript ein Array von Objekten nach Vornamen?

Barbara Streisand
Freigeben: 2024-11-21 01:07:12
Original
733 Leute haben es durchsucht

How do I sort an array of objects by first name in JavaScript?

Sortieren eines Arrays nach Vornamen in JavaScript

In JavaScript erfordert das Sortieren eines Arrays nach einer bestimmten Eigenschaft eine Sortierfunktion. Dieser Code zeigt, wie ein Array nach der Eigenschaft „Vorname“ in alphabetischer Reihenfolge sortiert wird:

var userArray = [{
  firstname: "Anna",
  lastname: "Nickson",
  email: "user@example.com"
}, {
  firstname: "Bob",
  lastname: "Smith",
  email: "bob@example.com"
}, {
  firstname: "Carol",
  lastname: "Jones",
  email: "carol@example.com"
}];

// Sort the array by "firstname" using localeCompare
userArray.sort((a, b) => a.firstname.localeCompare(b.firstname));

console.log(userArray); // Output: [{firstname: "Anna", ..., {firstname: "Bob", ..., {firstname: "Carol", ...}
Nach dem Login kopieren

Hier ist eine Aufschlüsselung des Codes:

  • Array.sort( ) Methode: Mit dieser Methode können Sie ein Array sortieren. Als Argument wird eine Sortierfunktion verwendet.
  • Sortierfunktion (a, b) => a.firstname.localeCompare(b.firstname):

    • Die Pfeilfunktion vergleicht zwei Objekte, a und b, und gibt einen negativen Wert zurück, wenn a.firstname kleiner als b.firstname ist. ein positiver Wert, wenn a.firstname größer ist, oder 0, wenn sie gleich sind.
    • localeCompare() ist eine String-Methode, die zwei Strings unter Verwendung des aktuellen Gebietsschemas vergleicht. Es stellt die richtige Sortierreihenfolge für verschiedene Gebietsschemata sicher.
  • Sortieren des Arrays: Die Sortiermethode wendet die Sortierfunktion auf jedes Elementpaar im Array an und sortiert so effektiv das Array nach „Vorname“ in alphabetischer Reihenfolge.

Das obige ist der detaillierte Inhalt vonWie sortiere ich in JavaScript ein Array von Objekten nach Vornamen?. 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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage