taralino

Verschachtelte for-Schleifen

Eine for-Schleife kann verwendet werden, um zum Beispiel eine Reihe von Formen zu zeichnen. Es können aber auch ganze Spielfelder oder Muster erzeugt werden, falls verschachtelte for-Schleifen zum Einsatz kommen.

So kann beispielsweise eine äußere for-Schleife genutzt werden, um y-Koordinaten zu definieren. Eine innere (verschachtelte) for-Schleife kann eingesetzt werden, um die x-Koordinaten zu spezifizieren. Entsprechend werden Objekte Zeile für Zeile gezeichnet. Es ist zu berücksichtigen, dass die Zählvariablen der beiden for-Schleifen eine unterschiedliche Bezeichnung haben, zum Beispiel y für die äußere und x für die innere for-Schleife.

Beispiel

Beispiel zur Verwendung einer verschachtelten for-Schleife.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,20], [0,12], {width:480, background:"lightgrey"});

for (var y = 0; y < 12; y = y+1) {
  for (var x = 0; x < 20; x = x+1) {
    Canvas.circle(x+0.5, y+0.5, 0.4, {fill:"blue"});
  };
};

</script>
</body>
</html>

Vorschau Download Kopie speichern

Bemerkungen

Bei Schleifen ist grundsätzlich folgender Hinweis zu beachten, da es anderenfalls passieren kann, dass das Programm mit (oder ohne) Fehlermeldung abbricht:

🚨 Spezifikation von Schleifen

Initialisierung der Zählvariablen, Abbruchbedingung und Anweisung zur Veränderung der Zählvariablen müssen so aufeinander abgestimmt sein, dass die for-Schleife unter allen Umständen endlich ist.

Ein kleiner Tipp zur kürzeren Schreibweise ist folgender:

Einzelne Anweisungen

Falls der auszuführende Block von Anweisungen einer for-Schleife aus einer einzelnen Anweisung besteht, kann auf die geschweiften Klammern auch verzichtet werden. Die Definition der for-Schleife und die auszuführende Anweisung sollten sich dann jedoch in einer Zeile befinden.

Es sei jedoch bemerkt, dass die Verwendung geschweifter Klammern niemals verkehrt ist und man sich daher im Zweifelsfall dafür entscheiden sollte.

Beispiel

In diesem Beispiel wird auf die Verwendung der geschweiften Klammern (bei der zweiten for-Schleife) verzichtet.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,6], [0,4], {width:480, background:"lightgrey"});

for (var x = 0.6; x < 5.6; x = x+0.4) {
  for (var y = 0.6; y < 3.6; y = y+0.4) Canvas.circle(x, y, 0.15, {fill:"blue"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode zuvor vertraut. Teste, ob auch bei der ersten for-Schleife auf die geschweiften Klammern verzichtet werden kann.