Brückenkurs Websites und Webapps/for-Schleife

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Sehr oft müssen in einem Programm gleichartige Anweisungen wiederholt werden. 

'''Beispiel:'''

Die Funktion ''print'' gibt auf der Konsole 5 mal das Wort "Guten Tag!" aus:

<code id="58cef5ddc3c1e">
function print(){

  console.log("Guten Tag!");
  console.log("Guten Tag!");
  console.log("Guten Tag!");
  console.log("Guten Tag!");
  console.log("Guten Tag!");

}
</code>
<run id="58cef5ddc3cf4">
print();
</run>

Das wiederholte Aufschreiben von Code ist sehr mühsam. Außerdem sind die so entstandenen Programme nicht sehr flexibel: Was machen wir z.B., wenn durch einen Parameter von außen vorgegeben werden soll, wie oft die Wiederholung ausgeführt wird?

Mit Hilfe der Kontrollstruktur '''for-Schleife''' können wir Wiederholungen bequemer formulieren (es gibt auch andere Arten von Schleifen, z.B. die while-Schleife, die wir hier aber nicht behandeln). 

Die Funktion ''print'' lässt sich mit einer for-Schleife wie folgt schreiben:

<code id="58cef5ddc3c88">
function print(){

  for(var i=0; i<5; i++){

    console.log("Guten Tag!");
  }

}
</code>
<run id="58cef5ddc3d57">
print();
</run>

Eine übliche allgemeine Notation einer for-Schleife sieht z.B. wie folgt aus:

 for( var i = <startwert>; i < <obergrenze>; i++) {

    ...
 }

Anstelle von ... werden die Anweisungen eingesetzt, die wiederholt werden sollen. 

Eine for-Schleife durchläuft mehrere ''Iterationen''. Für das oben gezeigte Muster gilt: Ausgehend vom <startwert> wird der Wert der Variable "i" in jeder Iteration um 1 erhöht, bis der Wert von i die <obergrenze> erreicht hat. Sie können das an folgendem Beispiel nachvollziehen:

<code id="58cef85107e61">
function print(){

  for(var i=0; i<5; i++){

    console.log(i);
  }

}
</code>
<run id="58cef85107f12">
print();
</run>