JavaScript Mittelstufe Tag 2: Arrays Fortgeschritten

Ziel dieses Tages

Heute lernst du:

• Wie man professionell mit Arrays arbeitet
• Verwendung von .map() zum Transformieren von Arrays
• Verwendung von .filter() zum Filtern von Elementen
• Verwendung von .reduce() zum Kombinieren von Werten

Am Ende wirst du Arrays effizient in JavaScript bearbeiten können.

Schritt 1: map()

map() erstellt ein neues Array, indem jedes Element verändert wird.

let numbers = [1, 2, 3, 4];

let doubled = numbers.map(n => n * 2);
console.log(doubled); // [2, 4, 6, 8]

Schritt 2: filter()

filter() wählt Elemente basierend auf einer Bedingung aus.

let numbers = [1, 2, 3, 4];

let evens = numbers.filter(n => n % 2 === 0);
console.log(evens); // [2, 4]

Schritt 3: reduce()

reduce() kombiniert alle Elemente zu einem einzelnen Wert.

let numbers = [1, 2, 3, 4];

let sum = numbers.reduce((total, n) => total + n, 0);
console.log(sum); // 10

Übung

let numbers = [1, 2, 3, 4];

let doubled = numbers.map(n => n * 2);
console.log(doubled);

Aufgabe

Erledige die folgenden Aufgaben:

• Filtere Zahlen > 10 aus einem Array
• Summiere alle Zahlen mit reduce()

Beispiel:

let numbers = [5, 12, 8, 20];

let filtered = numbers.filter(n => n > 10);
console.log(filtered); // [12, 20]

let total = numbers.reduce((sum, n) => sum + n, 0);
console.log(total); // 45