140 Kapitel 4
Eine for-Schleife zum Iterieren verwenden
for (var i = 0; i < scores.length; i = i + 1) {
output = "Mischung Nummer " + i + " Ergebnis: " + scores[i];
console.log(output);
}
Moment mal! Es gibt noch eine bessere
Methode, über ein Array zu iterieren.
Wir müssen uns wirklich bei Ihnen entschuldigen. Jetzt sind wir tatsächlich schon im vierten
Kapitel und haben Ihnen die for-Schleife immer noch nicht vorgestellt. Im Prinzip ist die for-
Schleife einfach ein Cousin der while-Schleife. Eigentlich machen beide das Gleiche, nur das
die Benutzung der for-Schleife etwas bequemer ist. Sehen Sie sich einmal die while-Schleife
an und überlegen Sie, wie sie auf eine for-Schleife abgebildet werden kann.
Eine for-
Schleife beginnt
mit dem Schlüs-
selwort for.
Innerhalb der runden
Klammern gibt es drei
Teile. Der erste Teil
INITIALISIERT die
Schleifenvariable. Diese
Initialisierung wird einmal
vor dem Start der
Schleife durchgeführt.
Der zweite Teil enthält die
BEDINGUNG. Dieser Test wird
bei jedem Schleifendurchlauf
durchgeführt. Ist das Ergebnis
false, halten wir an.
Und im dritten Teil
INKREMENTIEREN wir den
Zähler. Das passiert einmal pro
Schleifendurchlauf, nachdem alle
Anweisungen im SCHLEIFENKÖRPER
abgearbeitet sind.
Der KÖRPER kommt
hierhin. Eigentlich hat
sich nichts verändert. Nur
die Inkrementierung steht
woanders.
var i = 0;
while (i < scores.length) {
output = "Mischung Nummer " + i + " Ergebnis: " + scores[i];
console.log(output);
i = i + 1;
}
Zuerst haben wir einen Zähler INITIALISIERT.
Dann haben wir den Wert des Zählers in einem
BEDINGUNGSAUSDRUCK überprüft.
Außerdem müssen wir einen FUNKTIONSKÖRPER
ausführen, also alle Anweisungen zwischen { und }.
Schließlich wurde der Zähler INKREMENTIERT.
Und jetzt wollen wir sehen, wie eine for-Schleife das Ganze wesentlich einfacher
machen kann:
A
A
C
C
B
B
Sie sind hier � 141
Etwas Ordnung in die Daten bringen
Schreiben Sie den Codemagnetencode (zwei
Seiten vorher) neu, sodass er anstelle der while-
eine for-Schleife benutzt. Um zu sehen, wie
die Positionen auf die for-Schleife abgebildet
werden, können Sie sich die einzelnen Teile der
while-Schleife auf der vorigen Seite noch einmal
ansehen.
Hier kommt Ihr Code hin.
var products = ["Mousse au Chocolat",
"Minze", "Kuchenstreusel",
"Kaugummi"];
var hasBubbleGum = [false,
false,
false,
true];
var i = 0;
while (i < hasBubbleGum.length)
{
if (hasBubbleGum[i])
{
console.log(products[i] +
" enthält Kaugummi");
}
i = i + 1;
}
Spitzen Sie Ihren Bleistift
142 Kapitel 4
Den Code zusammenbauen
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Seifenblasen-Testlabor</title>
<script>
var scores = [60, 50, 60, 58, 54, 54,
58, 50, 52, 54, 48, 69,
34, 55, 51, 52, 44, 51,
69, 64, 66, 55, 52, 61,
46, 31, 57, 52, 44, 18,
41, 53, 55, 61, 51, 44];
var output;
for (var i = 0; i < scores.length; i = i + 1) {
output = "Mischung Nummer " + i +
" Ergebnis: " + scores[i];
console.log(output);
}
</script>
</head>
<body></body>
</html>
Dies ist der übliche HTML-Kram, den
wir für eine Webseite brauchen. Hier
steht nur das, was für die Erstellung
unseres Skripts nötig ist.
Hier ist das Array mit
unseren Testergebnissen.
Dies ist die for-Schleife, mit der wir über
das Array mit den Testergebnissen iterieren.
Jetzt haben wir die Einzel-
teile für den ersten Teil des
Berichts vorliegen und können
sie zusammensetzen …
Bei jedem Schleifendurchlauf erzeugen wir einen
String. Dieser enthält den Wert von i, also
die Nummer der Mischung, sowie den Wert von
scores[i], also das entsprechende Messergebnis.
Danach geben wir den String auf
der Konsole aus, und das war's!
Zeit, das Berichtsprogramm zu
testen.
(Wir verteilen den String hier auf zwei
Zeilen. Das ist in Ordnung, solange Sie
zwischen den Anführungszeichen, die den
String umgeben, keinen Zeilenumbruch
einfügen. Hier haben wir es nach dem
Verkettungsoperator (+) gemacht, was in
Ordnung ist. Geben Sie den Code genau so
ein, wie Sie ihn hier sehen.)
Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
