JavaScript / Grundkurs - 9. Schöne Schleifen

von: Werner Zenk

1. Das erste JavaScript
2. Variable Variablen
3. 1 x 1 in JavaScript
4. Gleich oder Ungleich
5. Ein- und Ausgaben
6. Wie spät ist es?
7. Öffne das Fenster
8. JavaScript schreibt!
9. Schöne Schleifen
10. Arrays - Datenfelder
11. Alles Zufall?
12. Die Zeichenkette


Wenn eine bestimmte Aufgabe mehrfach wiederholt werden soll, bietet
sich die Verwendung von Schleifen an. Dabei bestimmen Sie, wie häufig
ein bestimmter Quelltextbereich ausgeführt werden soll.

for-Schleife
Die for-Schleife wiederholt einen Quelltextbereich so lange,
bis die Abbruchbedingung erfüllt wird.
for (Initialisierung; Abbruchbedingung; Aktualisierung) {Anweisungen}
Beispiel:
<script type="text/javascript">
for (var zaehler = 1; zaehler < 6; zaehler++) {
 document.write("Schleifendurchlauf " + zaehler + "<br>");
}
</script>

Ausgabe:
Schleifendurchlauf 1
Schleifendurchlauf 2
Schleifendurchlauf 3
Schleifendurchlauf 4
Schleifendurchlauf 5
Mit den Inkrement- und Dekrementoperatoren (zaehler++) erhöhen Sie einen Wert
oder verringern einen Wert um eins.
Variable++ Erhöhung um eins
Variable-- Verringerung um eins


while-Schleife
Die while-Schleife wiederholt einen Quelltextbereich so lange,
bis die Abbruchbedingung erfüllt wird.
while (Abbruchbedingung) {Anweisungen}
Beispiel:
<script type="text/javascript">
var zaehler = 1;
while (zaehler < 6) { 
 document.write("Schleifendurchlauf " + zaehler + "<br>");
 zaehler++;
}
</script>

Ausgabe:
Schleifendurchlauf 1
Schleifendurchlauf 2
Schleifendurchlauf 3
Schleifendurchlauf 4
Schleifendurchlauf 5

Eine while-Schleife mit einer if-else-Bedingung
<script type="text/javascript">
var A = 1;
while (A < 6) {
 if (A == 3) {
  document.write("Schleifendurchlauf Drei <br>");
 }

 else {
  document.write("Schleifendurchlauf " + A + "<br>");
 }
 A++;
}
</script>

Ausgabe:
Schleifendurchlauf 1
Schleifendurchlauf 2
Schleifendurchlauf Drei
Schleifendurchlauf 4
Schleifendurchlauf 5

 

8. JavaScript schreibt!     9. Schöne Schleifen     10. Arrays - Datenfelder

 

© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner