← React / TypeScript

React / TypeScript · 04 / 18

Schleifen in JavaScript

Du durchläufst Werte und berechnest eine Summe.

  • Klein
  • Grundlagen
  • 15 min

Voraussetzungen: Operatoren, Vergleiche und if

Ein Array speichert mehrere Werte in einer Reihenfolge. Eine Schleife wendet eine Regel auf jeden Wert an. Unsere drei Kostenbeträge stehen in einem Array. for...of liefert direkt die Werte. Eine normale for-Schleife ist hilfreich, wenn du den Index benötigst.

Beispieldateien

01Werte durchlaufen

total beginnt bei 0. In jedem Durchlauf wird ein Centbetrag addiert. += ist die Kurzform für total = total + cost. Nach der Schleife enthält total die Summe.

loops.mjs · javascriptDatei öffnen
const costs = [12990, 1990, 20];
let total = 0;
for (const cost of costs) {
  total += cost;
}
console.log(total);

Starten / prüfen

node loops.mjs

02Indizes verstehen

Array-Indizes beginnen bei 0. Die Bedingung i < costs.length verhindert einen Zugriff auf einen nicht vorhandenen Eintrag. Wenn du den Index nicht brauchst, ist for...of meist klarer.

03Die Bedeutung prüfen

Kostenbeträge können addiert werden, wenn sie dieselbe Währung und Bedeutung haben. Kilometerstände sind dagegen kumulative Werte. Eine Schleife macht eine fachlich falsche Berechnung nicht richtig.

Erwartetes Ergebnis

Gesamtkosten: 15000 Cent

Deine Übung

Zähle zusätzlich, wie viele Einträge mindestens 1000 Cent enthalten.

Lösung mit Erklärung anzeigen

Lege let count = 0 vor der Schleife an. Erhöhe count innerhalb von if (cost >= 1000). Das Ergebnis ist 2. total und count beantworten unterschiedliche Fragen über dieselben Daten.

Projektbezug und Quellen

Das Beispiel ist zum Lernen vereinfacht. Die verlinkte Codeversion zeigt die Anwendung im Projekt und die dortigen Prüfungen.