So sortieren Sie eine Reihe von Objekten alphabetisch in JavaScript

In JavaScript bezieht sich das Sortieren eines Arrays auf ein Konzept, das die Positionen von Elementen basierend auf den Benutzerkriterien austauscht. Es ist nützlich, Alphabete, numerisch in einer vordefinierten Liste oder einem Array, zu sortieren. Durch die Betrachtung der Bedeutung zeigt dieser Beitrag verschiedene Methoden, um ein Array von Objekten alphabetisch zu sortieren. Die Lernergebnisse dieses Beitrags sind:

• So sortieren Sie eine Reihe von Objekten alphabetisch
• Verwenden der Methode Sort (), um Array von Objekten alphabetisch zu sortieren
• Verwenden der lokalEcompare () -Methode, um das Array von Objekten alphabetisch zu sortieren

So sortieren Sie eine Reihe von Objekten alphabetisch?

JavaScript bietet verschiedene Methoden, um Sortiervorgänge sowohl auf numerischen als auch auf Textzeichenfolgen durchzuführen. Zum Beispiel die Sortieren() Die Methode wird angepasst, um eine Reihe von Objekten zu sortieren und sie in alphabetischer Reihenfolge abzurufen. Es ist durch die Indexwerte von Alphabeten möglich. Jedes Alphabet hat einen eindeutigen Indexwert. Basierend auf diesen Werten wird jede Zeichenfolge in aufsteigender oder absteigender Reihenfolge abgerufen.

Außerdem die localecompare () Die Methode wird verwendet, um die beiden Zeichenfolgen zu vergleichen. Es vergleicht die Zeichenfolge und sortiert die Objekte über alphabetische Reihenfolge. Beide Methoden ändern die vorhandene Zeichenfolge nicht.

Methode 1: Verwenden Sie Sort () Methode, um das Array von Objekten alphabetisch zu sortieren

JavaScript liefert die Sortieren() Methode, um eine Reihe von Objekten zu sortieren und sie in alphabetischer Reihenfolge abzurufen. Es gibt den numerischen Wert zurück, der die Sortierreihenfolge der bestandenen Saiten anzeigt. Die folgende Syntax der Sort () -Methode wird geübt, um das Array von Objekten alphabetisch zu sortieren:

sortieren (Funktion kompariusfn (x, y)

Die Parameter der Syntax sind wie folgt:

• Comparefn () Methode bestimmt die Reihenfolge der Elemente.
• X bezieht sich auf das erste Element zum Vergleich.
• y zeigt das zweite Element zum Vergleich an.

Das Arbeitsverfahren der Sortieren() Die Methode wird hier erörtert:

• Kehrt zurück "-1" Wenn die erste Zeichenfolge unter der Bestellung von Kriterien kleiner als die zweite Zeichenfolge ist.
• Gibt die zurück "1" Wenn die erste Zeichenfolge größer als die zweite ist.
• Zurückkehren "0" Wenn beide Saiten gleich sind.

Beispiel

Ein Beispiel wird hier in Betracht gezogen, um das zu demonstrieren Sortieren() Methode in JavaScript. Der folgende Code ist hier geschrieben:

Konsole.log ("Array von Objekten sortieren alphabetisch");
const player_names = [
Name: 'Henry',
Name: 'Alex',
Name: 'Morgan',
Name: 'Bale',
];
Lassen Sie sort_names = Player_names.Sortieren();
Konsole.log (sort_names);

Die Beschreibung des Codes wird hier erläutert:

• Erstens wird eine Reihe von Objekten erstellt, die benannt werden “Player_names”.
• Danach, Name Eigenschaften werden mit unterschiedlichen Werten zugewiesen, wie z. B. “Henry","Alex“, “Morgan", Und "Ballen“.
• Der Sortieren() wird durch die "verwendet"Player_namesObjekt, um Sortieren in alphabetischer Reihenfolge durchzuführen.
• Endlich, das Konsole.Protokoll() Die Methode wird verwendet, um das Konsolenfenster anzuzeigen.

Ausgang

Die Ausgabe zeigt das "Alex", "Bale", "Henry", Und "Morgan" werden in einer alphabetischen Reihenfolge angezeigt.

Methode 2: Verwenden von LocaleCompare () -Methoden zum Sortieren des Arrays von Objekten alphabetisch

JavaScript liefert a localecompare () Methode zum Vergleichen der beiden Saiten. Es ist die Methode der Saite Klasse, die einen numerischen Wert zurückgibt, der angibt, welche Zeichenfolge zuerst im Vergleich zu anderen Zeichenfolgen kommt.

Erstens vergleicht es Strings, indem sie sie als Argument übergeben. Danach sortieren Sie die Objekte basierend auf ihrer alphabetischen Reihenfolge. Zum Beispiel ist die Syntax wie folgt:

Syntax

Saite.localecompare (cmpstring)

In dieser Syntax, cmpstring Gibt den String an, der zu vergleichen ist, und gibt -1, 0 und 1 zurück, basierend auf dem Vergleich von Zeichenfolgen.

Beispiel

Ein Beispiel ist angepasst, um die zu erklären localecompare () Methode in JavaScript. Der Code erklärt die Arbeit der localecompare () Methode:

Code

Konsole.log ("Array von Objekten sortieren alphabetisch");
const std_arr = [
Name: 'John',
Name: 'Adam',
Name: 'Peter',
];
const sortEdList = std_arr.sortieren ((a, b) =>
A.Name.localecompare (b.Name));
Konsole.log (sortEdList);

Die Beschreibung des Codes wird wie unten angegeben:

• Ein Array wird als "erstellt"Std_arr”Mit unterschiedlichen Objekten mit unterschiedlichen Eigenschaften enthalten.
• Danach die Sortieren() Die Methode wird verwendet, um eine Funktion zurückzurufen.
• Die Funktion iteriert alle Objekte in der “Std_arr”Array, indem Sie die verwenden localecompare () Methode auf der Name Eigenschaften der Std_arr.
• Zuletzt die Konsole.Protokoll() Die Methode wird angewendet, um das sortierte Array zu drucken.

Ausgang

Die Ausgabe gibt das sortierte Array von Objekten als zurück "Adam", "John", Und "Peter" im Konsolenfenster.

Abschluss

In JavaScript die Sortieren() Und localecompare () Methoden werden verwendet, um eine Reihe von Objekten in alphabetischer Reihenfolge zu sortieren. Der Sortieren() Die Methode ruft das Array in sortierter Reihenfolge durch Übergabe von Saiten ab. Andererseits die localecompare () Die Methode führt einen Vergleich zwischen zwei Zeichenfolgen durch und gibt einen Ganzzahlwert zurück, der angibt, welche Zeichenfolge zuerst im Vergleich zu anderen Zeichenfolgen steht. Beide Methoden ändern die Positionen von Elementen im vorhandenen Array und geben ein Array in alphabetischer Reihenfolge zurück.