Lernen Sortieren von Arrays mit der sort()-Methode | Fortgeschrittene Array-Methoden und -Transformationen

sort()

Die Methode sort() ordnet die Elemente eines Arrays direkt und gibt das aktualisierte Array zurück. Standardmäßig funktioniert das Sortieren gut für Zeichenfolgen, kann jedoch bei Zahlen unerwartetes Verhalten zeigen.

Standardmäßiges Sortierverhalten

Die Methode sort() wandelt Elemente standardmäßig in Zeichenfolgen um und vergleicht sie in Unicode-Reihenfolge. Daher funktioniert sie für Zeichenfolgen wie erwartet, aber numerische Arrays können unerwartete Ergebnisse liefern, sofern keine Vergleichsfunktion bereitgestellt wird.


              123
            
const numbers = [1, 2, 10, 21];
numbers.sort();
console.log(numbers); // Output: 1, 10, 2, 21

Um Zahlen korrekt zu sortieren, eine Vergleichsfunktion verwenden:


              1234
            
const numbers = [1, 2, 10, 21];

const ascending = [...numbers].sort((a, b) => a - b);
console.log(ascending); // Output: 1, 2, 10, 21

Benutzerdefinierte Sortierreihenfolgen

Um das Sortieren an spezifische Anforderungen anzupassen, wird eine Callback-Funktion verwendet. Diese Funktion, oft als Vergleichsfunktion bezeichnet, bestimmt die Sortierlogik. Im Folgenden werden benutzerdefinierte Sortierungen für Zahlen und Zeichenketten betrachtet. Grundlegende Syntax:

array.sort((a, b) => {
  // Callback body
});

a wird als erstes Element betrachtet;
b wird als zweites Element betrachtet.

Zahlen sortieren

In diesem Fall bestimmt die Vergleichsfunktion die aufsteigende und absteigende Reihenfolge basierend auf der Beziehung zwischen den Elementen a und b.


              1234567
            
const numbers = [34, 25, 19, 1, 92, 2, 3];

const ascendingNumbers = [...numbers].sort((a, b) => a - b);
console.log(ascendingNumbers); // Output: 1, 2, 3, 19, 25, 34, 92

const descendingNumbers = [...numbers].sort((a, b) => b - a);
console.log(descendingNumbers); // Output: 92, 34, 25, 19, 3, 2, 1

Zeichenfolgen sortieren

Die Methode localeCompare() ermöglicht eine alphabetische Sortierung und erlaubt die Anpassung für aufsteigende und absteigende Reihenfolgen.


              1234567
            
const employees = ["Antonia", "Rene", "Casey", "Lorraine", "Shelia"];

const inAlphabetOrder = [...employees].sort((a, b) => a.localeCompare(b));
console.log(inAlphabetOrder); // Antonia, Casey, Lorraine, Rene, Shelia

const inReversedOrder = [...employees].sort((a, b) => b.localeCompare(a));
console.log(inReversedOrder); // Shelia, Rene, Lorraine, Casey, Antonia

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 7

Fragen Sie AI

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Swipe um das Menü anzuzeigen

sort()

Standardmäßiges Sortierverhalten


              123
            
const numbers = [1, 2, 10, 21];
numbers.sort();
console.log(numbers); // Output: 1, 10, 2, 21

Um Zahlen korrekt zu sortieren, eine Vergleichsfunktion verwenden:


              1234
            
const numbers = [1, 2, 10, 21];

const ascending = [...numbers].sort((a, b) => a - b);
console.log(ascending); // Output: 1, 2, 10, 21

Benutzerdefinierte Sortierreihenfolgen

array.sort((a, b) => {
  // Callback body
});

a wird als erstes Element betrachtet;
b wird als zweites Element betrachtet.

Zahlen sortieren

In diesem Fall bestimmt die Vergleichsfunktion die aufsteigende und absteigende Reihenfolge basierend auf der Beziehung zwischen den Elementen a und b.


              1234567
            
const numbers = [34, 25, 19, 1, 92, 2, 3];

const ascendingNumbers = [...numbers].sort((a, b) => a - b);
console.log(ascendingNumbers); // Output: 1, 2, 3, 19, 25, 34, 92

const descendingNumbers = [...numbers].sort((a, b) => b - a);
console.log(descendingNumbers); // Output: 92, 34, 25, 19, 3, 2, 1

Zeichenfolgen sortieren

Die Methode localeCompare() ermöglicht eine alphabetische Sortierung und erlaubt die Anpassung für aufsteigende und absteigende Reihenfolgen.


              1234567
            
const employees = ["Antonia", "Rene", "Casey", "Lorraine", "Shelia"];

const inAlphabetOrder = [...employees].sort((a, b) => a.localeCompare(b));
console.log(inAlphabetOrder); // Antonia, Casey, Lorraine, Rene, Shelia

const inReversedOrder = [...employees].sort((a, b) => b.localeCompare(a));
console.log(inReversedOrder); // Shelia, Rene, Lorraine, Casey, Antonia

War alles klar?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 7

Sortieren von Arrays mit der sort()-Methode

sort()

Standardmäßiges Sortierverhalten

Benutzerdefinierte Sortierreihenfolgen

Zahlen sortieren

Zeichenfolgen sortieren

1. Was ist ein zentrales Merkmal der `sort()`-Methode?

2. Wie behandelt die `sort()`-Methode Elemente im Standardverhalten?

3. Was wird im folgenden Beispiel als Ausgabe erscheinen?

Sortieren von Arrays mit der sort()-Methode

sort()

Standardmäßiges Sortierverhalten

Benutzerdefinierte Sortierreihenfolgen

Zahlen sortieren

Zeichenfolgen sortieren

1. Was ist ein zentrales Merkmal der `sort()`-Methode?

2. Wie behandelt die `sort()`-Methode Elemente im Standardverhalten?

3. Was wird im folgenden Beispiel als Ausgabe erscheinen?

Sortieren von Arrays mit der sort()-Methode

sort()

Standardmäßiges Sortierverhalten

Benutzerdefinierte Sortierreihenfolgen

Zahlen sortieren

Zeichenfolgen sortieren

1. Was ist ein zentrales Merkmal der sort()-Methode?

2. Wie behandelt die sort()-Methode Elemente im Standardverhalten?

3. Was wird im folgenden Beispiel als Ausgabe erscheinen?

Sortieren von Arrays mit der sort()-Methode

sort()

Standardmäßiges Sortierverhalten

Benutzerdefinierte Sortierreihenfolgen

Zahlen sortieren

Zeichenfolgen sortieren

1. Was ist ein zentrales Merkmal der sort()-Methode?

2. Wie behandelt die sort()-Methode Elemente im Standardverhalten?

3. Was wird im folgenden Beispiel als Ausgabe erscheinen?

1. Was ist ein zentrales Merkmal der `sort()`-Methode?

2. Wie behandelt die `sort()`-Methode Elemente im Standardverhalten?

1. Was ist ein zentrales Merkmal der `sort()`-Methode?

2. Wie behandelt die `sort()`-Methode Elemente im Standardverhalten?