Zum Inhalt springen

Aufgabe 02 - Callbacks verstehen

Zu Zen-Modus wechseln

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: meinMap und meinFilter mit Schleifen implementieren.
  • Anwenden: map, filter, find auf realistische Daten anwenden.
  • VS Code, Browser-Konsole.
  1. meinMap(liste, wandler): liefert ein neues Array, in dem jedes Element durch wandler(element) ersetzt ist.
  2. meinFilter(liste, test): liefert ein neues Array mit allen Elementen, für die test(element) true ergibt.
  3. Testen Sie beide mit Pfeilfunktionen: verdopple [1,2,3], filtere gerade Zahlen aus [1..10].

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 },
];
  1. Erzeugen Sie mit map ein Array aller Titel.
  2. Filtern Sie alle Filme mit einer Bewertung von mindestens 4 und geben Sie sie mit console.table aus.
  3. Finden Sie mit find den ersten Film unter 100 Minuten.
  4. Kombinieren Sie: Titel aller gut bewerteten Filme unter 110 Minuten (Verkettung von filter und map).

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.