Menu
Coddy logo textTech

For Each

Lektion 10 von 18 im Kurs Array-Methoden in JavaScript von Coddy.

Die forEach()-Methode ist eine integrierte Funktion für Arrays, die eine bereitgestellte Funktion einmal für jedes Element im Array ausführt. Diese Funktion, die als Callback-Funktion bezeichnet wird, kann verschiedene Operationen an den Elementen durchführen, wie z. B. Protokollierung, Änderung oder das Sammeln von Informationen. Die Reihenfolge der Ausführung reicht vom ersten Element (Index 0) bis zum letzten.

Erstellen wir ein Array von Früchten und verwenden forEach(), um deren Namen und Preise zu protokollieren:

const fruits = ["apple", "banana", "orange"];
const prices = [1.50, 0.75, 2.00];

fruits.forEach((fruit, index) => {
  console.log(`${fruit} - ${prices[index]}`);
}); 

/* Ausgabe:  apple - $1.5
            banana - $0.75
            orange - $2  
*/

Callback-Funktion: Diese Funktion nimmt drei Argumente entgegen:

  • element: Das aktuell verarbeitete Element.
  • index: Der Index des aktuellen Elements im Array.
  • array: Das ursprüngliche Array, auf dem forEach() aufgerufen wurde (optional).
challenge icon

Aufgabe

Einfach

Wir haben eine Gruppe von vier Kindern, die jeweils 3, 4, 7 und 2 Pralinen halten, wie im chocolates-Array angegeben.

Deine Aufgabe ist es, JavaScript-Code zu schreiben, um die Menge an Pralinen für jedes Kind zu verdoppeln und das Array zu protokollieren.

Probier es selbst

let chocolates = [3, 4, 7, 2];

// Hier Code schreiben

Alle Lektionen in Array-Methoden in JavaScript