Aufgabe 02 - Callbacks verstehen
Aufgabe 02 - Callbacks verstehen
Abschnitt betitelt „Aufgabe 02 - Callbacks verstehen“Worum geht es?
Abschnitt betitelt „Worum geht es?“Funktionen, die Funktionen bekommen: Sie bauen map und filter selbst nach und setzen danach die echten Array-Methoden ein (siehe Kapitel Funktionen vertieft).
In dieser Übung üben Sie:
- Übergeben: Funktionen als Parameter verwenden.
- Nachbauen:
meinMapundmeinFiltermit Schleifen implementieren. - Anwenden:
map,filter,findauf realistische Daten anwenden.
Benötigte Unterlagen
Abschnitt betitelt „Benötigte Unterlagen“- VS Code, Browser-Konsole.
Arbeitsaufträge
Abschnitt betitelt „Arbeitsaufträge“Teil A - Selbst nachbauen
Abschnitt betitelt „Teil A - Selbst nachbauen“meinMap(liste, wandler): liefert ein neues Array, in dem jedes Element durchwandler(element)ersetzt ist.meinFilter(liste, test): liefert ein neues Array mit allen Elementen, für dietest(element)true ergibt.- Testen Sie beide mit Pfeilfunktionen: verdopple
[1,2,3], filtere gerade Zahlen aus[1..10].
Teil B - Die echten Methoden
Abschnitt betitelt „Teil B - Die echten Methoden“Gegeben (fest im Code):
const filme = [ { titel: "Roboter räumt auf", dauer: 98, bewertung: 4.5 }, { titel: "Die Pixelbande", dauer: 122, bewertung: 3.8 }, { titel: "Sommer am See", dauer: 87, bewertung: 4.9 }, { titel: "Turbo-Schnecken 2", dauer: 105, bewertung: 2.9 },];- Erzeugen Sie mit
mapein Array aller Titel. - Filtern Sie alle Filme mit einer Bewertung von mindestens 4 und geben Sie sie mit
console.tableaus. - Finden Sie mit
findden ersten Film unter 100 Minuten. - Kombinieren Sie: Titel aller gut bewerteten Filme unter 110 Minuten (Verkettung von
filterundmap).
Teil C - Übersetzen
Abschnitt betitelt „Teil C - Übersetzen“Nehmen Sie Ihre Lösung von Kata 3 aus Aufgabe 01 (zaehleTreffer) und schreiben Sie sie einmal mit filter + length. Vergleichen Sie beide Varianten als Kommentar: Welche ist besser lesbar, und warum?
Eine Datei callbacks.js mit den Teilen A-C und aussagekräftigen Konsolen-Ausgaben.