Zurück zu JavaScript

JavaScript

Arrays

Arrays sind geordnete Listen. map, filter und reduce verarbeiten sie deklarativ — ohne manuelle Schleifen.

Grundlagen

Arrays entstehen mit eckigen Klammern, der Zugriff läuft über den Index ab 0.

push hängt hinten an, pop entfernt hinten, length liefert die Anzahl.

<push()><pop()><length>
Array-Basis
const farben = ['rot', 'grün'];
farben.push('blau');
farben.length; // 3
farben[0];     // 'rot'

map und filter

Array.map() transformiert jedes Element in ein neues Array gleicher Länge.

Array.filter() behält nur Elemente, die eine Bedingung erfüllen.

Beide verändern das Original nicht — sie liefern neue Arrays.

<Array.map()><Array.filter()>
Transformieren
const zahlen = [1, 2, 3, 4];

zahlen.map((n) => n * 2);      // [2, 4, 6, 8]
zahlen.filter((n) => n % 2 === 0); // [2, 4]

reduce, find und Co.

reduce faltet ein Array zu einem einzelnen Wert zusammen, etwa einer Summe.

find liefert das erste passende Element, some und every prüfen Bedingungen, includes prüft Enthaltensein.

<reduce()><find()><some()><includes()>
Summe mit reduce
const punkte = [10, 20, 5];
punkte.reduce((summe, p) => summe + p, 0); // 35

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.