JavaScript-Programmierung von Kopf bis Fuß

18 Kapitel 1

JavaScript-Iteration

Da dies Ihre erste while-Schleife ist, wollen wir uns einmal genau anschauen,

was hier passiert. Wie Sie sehen, haben wir den Code um die Deklaration der

Variablen scoops (Eiskugeln) erweitert und mit dem Wert 5 initialisiert.

Wie eine while-Schleife funktioniert

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Danach kommen wir zur while-Anweisung. Beim Auswerten der

while-Anweisung wird zuerst die Bedingung ausgewertet, um zu

sehen, ob sie wahr oder falsch ist.

Ist scoops größer

als 0? Sieht so aus!

Beginnen wir damit, den Code auszuführen. Zunächst erhält scoops

den Wert 5.

Die Bedingung ist wahr, also beginnen wir, den Codeblock auszufüh-

ren. Die erste Anweisung gibt den String »Noch eine Kugel! <br>« im

Browser aus.

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Sie sind hier � 19

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Die nächste Anweisung subtrahiert 1 von der Anzahl der

Kugeln und weist scoops den neuen Wert zu.

1

Kugel weg,

4 übrig!

Dies ist die letzte Anweisung im Block, also springen wir

wieder an den Anfang und beginnen von vorne.

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Bei der erneuten Auswertung der Bedingung hat scoops den Wert

4. Aber das ist immer noch mehr als 0.

Immer noch reichlich

Eis vorhanden.

Also geben wir den String »Noch eine Kugel! <br>« ein weiteres Mal

aus.

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Ein Sprung ins kalte JavaScript-Wasser

20 Kapitel 1

JavaScript-while-Schleife

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Die nächste Anweisung verringert die Anzahl der Kugeln

nochmals um 1 und weist scoops den neuen Wert zu.

2 Kugeln weg,

3 übrig!

Dies ist die letzte Anweisung des Blocks, also springen

wir wieder zur Bedingung und beginnen von vorne.

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Bei der erneuten Auswertung der Bedingung hat scoops nun den

Wert 3. Das ist aber immer noch mehr als 0.

Immer noch genug

da!

Und wieder einmal geben wir den String »Noch eine Kugel <br>« im

Browser aus.

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Sie sind hier � 21

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Wie Sie sehen, geht das immer so weiter … bei jedem Schleifen-

durchlauf dekrementieren wir (subtrahieren 1 von) scoop, geben

einen neuen String im Browser aus und beginnen wieder von vorne.

3 Kugeln weg,

2 übrig!

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Und weiter …

4 Kugeln weg,

1

übrig!

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

... bis sich beim letzten Schleifendurchlauf die Voraussetzun-

gen ändern. Jetzt hat scoops den Wert 0, und die Bedingung

evaluiert zu false. Das war’s dann, Leute. Die Schleife wird

nicht erneut durchlaufen. Stattdessen wird der Codeblock

übersprungen und die folgende Anweisung ausgeführt.

5 Kugeln weg. Nichts mehr übrig!

var scoops = 5;

while (scoops > 0) {

document.write("Noch eine Kugel!<br>");

scoops = scoops - 1;

}

document.write("Ohne Eis ist das Leben nicht halb so schön.");

Jetzt wird die andere document.write-Anweisung ausgeführt,

die den String »Ohne Eis ist das Leben nicht halb so schön.«

ausgibt. Damit sind wir fertig!

Ein Sprung ins kalte JavaScript-Wasser