Zusammenfassung: Fortgeschrittene Array-Methoden und Transformationen
map() Methode
- Zweck: Iteriert über jedes Element des ursprünglichen Arrays und wendet eine angegebene Callback-Funktion an, um ein neues Array zu erzeugen;
- Syntax:
array.map((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array mit derselben Länge zurück;
- Nützlich zur Transformation jedes Elements eines Arrays.
filter() Methode
- Zweck: Wählt Elemente aus, die eine bestimmte Bedingung erfüllen, und erstellt ein neues Array;
- Syntax:
array.filter((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array zurück, das die Elemente enthält, die die Callback-Bedingung erfüllen;
- Bietet eine Möglichkeit, Elemente anhand spezifischer Kriterien zu filtern.
find() Methode
- Zweck: Findet und gibt das erste passende Element in einem Array zurück;
- Syntax:
array.find((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Stoppt bei der ersten Übereinstimmung und gibt dieses spezifische Element zurück;
- Gibt
undefinedzurück, wenn kein passendes Element gefunden wird.
sort()-Methode
- Zweck: Modifiziert das ursprüngliche Array und ordnet dessen Elemente in einer neuen Reihenfolge an;
- Syntax:
array.sort((a, b) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array;
- Ordnet die Elemente standardmäßig in aufsteigender Reihenfolge;
- Benutzerdefinierte Sortierung kann mit einer Vergleichsfunktion erreicht werden.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 5. Kapitel 9
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Suggested prompts:
Can you give examples of how to use each of these methods?
What are some common mistakes when using these array methods?
How do these methods compare in terms of performance?
Awesome!
Completion rate improved to 2.27Zusammenfassung: Fortgeschrittene Array-Methoden und Transformationen
Swipe um das Menü anzuzeigen
map() Methode
- Zweck: Iteriert über jedes Element des ursprünglichen Arrays und wendet eine angegebene Callback-Funktion an, um ein neues Array zu erzeugen;
- Syntax:
array.map((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array mit derselben Länge zurück;
- Nützlich zur Transformation jedes Elements eines Arrays.
filter() Methode
- Zweck: Wählt Elemente aus, die eine bestimmte Bedingung erfüllen, und erstellt ein neues Array;
- Syntax:
array.filter((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Gibt ein neues Array zurück, das die Elemente enthält, die die Callback-Bedingung erfüllen;
- Bietet eine Möglichkeit, Elemente anhand spezifischer Kriterien zu filtern.
find() Methode
- Zweck: Findet und gibt das erste passende Element in einem Array zurück;
- Syntax:
array.find((element, index, array) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array nicht;
- Stoppt bei der ersten Übereinstimmung und gibt dieses spezifische Element zurück;
- Gibt
undefinedzurück, wenn kein passendes Element gefunden wird.
sort()-Methode
- Zweck: Modifiziert das ursprüngliche Array und ordnet dessen Elemente in einer neuen Reihenfolge an;
- Syntax:
array.sort((a, b) => {
// Callback-Body
});
- Wichtige Punkte:
- Verändert das ursprüngliche Array;
- Ordnet die Elemente standardmäßig in aufsteigender Reihenfolge;
- Benutzerdefinierte Sortierung kann mit einer Vergleichsfunktion erreicht werden.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 5. Kapitel 9
