Javascript/ScratchUndJavascript/ForSchleife

Aus ProgrammingWiki

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
==Ein weiterer Schleifentyp: die <tt>for</tt>-Schleife==
===Warum ein weiterer Schleifentyp?===
Auf der Seite über die <tt>while</tt>-Schleife haben wir Sie darauf hingewiesen, wie wichtig es ist, dass Sie die Zählvariable in jedem Schleifendurchlauf anpassen.

Die <tt>for</tt>-Schleife übernimmt das für uns. Dafür ist der Schleifen-Kopf auf den ersten Blick etwas komplizierter.

Der <tt>for</tt>-Schleife entspricht in Scratch die Schleife

===Die Syntax der <tt>for</tt>-Schleife:===
 for(var zaehler = 0; zaehler < 4; zaehler ++) {
     schreibeZeile("bla");
 }
 
===Erklärungen dazu===
# <tt>for()</tt><br />Das Schlüsselwort <tt>for</tt> leitet den Schleifenkopf ein.
#* <tt>var zaehler = 0;</tt><br />Die Zähler-Variable wird deklariert ("ins Leben gerufen") und erhält den Anfangswert 0.
#* <tt>zaehler < 4</tt><br />Hier wird eine Bedingung formuliert. Solange diese Bedingung erfüllt ist, läuft die Schleife immer wieder durch.
#* <tt>zaehler ++</tt>:<br />Diese Anweisung wird am Ende jedes Schleifendurchlaufs ausgeführt. Hier wird also automatisch unsere Zählervariable hochgezählt.
# <tt>{...}</tt>:<br />Das kennen Sie schon: Die Anweisungen, was denn bei einem Schleifendurchlauf zu tun ist, stehen zwischen geschweiften Klammern.

===Jetzt sind Sie dran.===

<code id="forSchleife" hidden>
ausgabe = "";



function schreibe(ausdruck) {
  ausgabe += ausdruck;
}

function schreibeZeile(ausdruck) {
  ausgabe += ausdruck + "\n";
}



function ersteForSchleife() {
</code>
====Ihre erste <tt>for</tt>-Schleife====
Programmieren Sie hier im Code-Feld eine Schleife, die das Sterne-Quadrat (7 x 7 Sterne) von der Seite "Erste Schritte" noch eleganter hinkriegt.
<code id="forSchleife2">

</code>


<code id="forSchleife3" hidden>
return ausgabe;
}

</code>
<run id="forSchleife4">ersteForSchleife();</run>