Dokumentation
JavaScript

JavaScript Arrays

push, pop, map, filter, find, reduce, includes, length und Beispiele.

JavaScript Arrays

push, pop, map, filter, find, reduce, includes, length und Beispiele. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.

Lernziele

  • Array-Methoden sicher einsetzen
  • Daten filtern, transformieren und suchen
  • reduce grundlegend verstehen

Erklärung

Arrays speichern geordnete Listen. length gibt die Anzahl der Elemente an. push fügt hinten hinzu, pop entfernt hinten. Moderne Methoden wie map, filter und find erzeugen klar lesbaren Code für typische Datenaufgaben.

reduce fasst viele Werte zu einem Ergebnis zusammen. Für Einsteiger ist es wichtig, zuerst einfache Summen zu verstehen.

Beispiele

const scores = [12, 18, 9, 21];
const passed = scores.filter((score) => score >= 12);
const doubled = scores.map((score) => score * 2);
const firstHigh = scores.find((score) => score > 20);

filter gibt mehrere passende Werte zurück, find den ersten.

const total = scores.reduce((sum, score) => sum + score, 0);

sum startet bei 0 und sammelt jeden Wert auf.

Typische Fehler

  • Originalarrays unabsichtlich verändern.
  • map verwenden, obwohl kein neues Array benötigt wird.
  • find erwarten lassen, dass immer ein Wert gefunden wird.

Best Practices

  • Prüfe bei find, ob das Ergebnis undefined sein kann.
  • Nutze map für Umwandlung und filter für Auswahl.
  • Halte Callback-Funktionen kurz und lesbar.

Kleine Übung

Erstelle ein Array mit Aufgaben. Filtere erledigte Aufgaben, finde eine Aufgabe per Titel und berechne die Gesamtanzahl offener Punkte.

Zusammenfassung

JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.

Weiterführende Seiten

Zuletzt aktualisiert: 7. Juni 2026

JavaScript

JavaScript als Interaktionsschicht des Webs mit ausführlichen Unterseiten zu Variablen, Funktionen, DOM, Events, Formularen, Fetch, Modulen, Debugging und Best Practices.

Asynchrones JavaScript

Promise, async, await, try catch, setTimeout, setInterval und Bedeutung von Async.