taralino

Datenfelder befüllen

In den Beispielen bislang wurden die Daten der Datenfelder explizit im Quellcode eingegeben. Es ist aber auch möglich, zunächst ein leeres Datenfeld zu definieren und die Daten anschließend (z.B. unter Verwendung einer Schleife) systematisch zu ergänzen:

Datenfelder vergrößern

Um einem Datenfeld ein Element (samt Wert) anzuhängen, kann der Befehl .push verwendet werden.

Dennoch ist folgender Hinweis zu beachten:

🚨 Achtung

Bei der Verwendung von Datenfeldern ist stets genau zu prüfen, ob auch nur auf Elemente zugegriffen wird, die zuvor tatsächlich definiert wurden.

Es ist eine häufige Fehlerquelle, wenn per Index-Variable ein Element eines Datenfeldes ausgelesen werden soll, welches gar nicht vorhanden ist (da der Wert der Index-Variable beispielsweise größer oder gleich der Länge des Datenfeldes ist).

Beispiel

Es wird ein Datenfeld mit insgesamt neun Elementen befüllt.

<!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>

var A = [2, 3, 4];

A.push(5);
A.push(6);
A.push(7);

Canvas.init([-12,12], [-12,12], {width:400, background:"lightgrey"});

for (var i = 0; i < A.length; i = i+1) {
  Canvas.circle(0, 0, A[i], {fill:"none", stroke:"blue"});
};

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

Vorschau Download Kopie speichern

Beispiel

Quellcode als Grundlage zur folgenden Aufgabe.

<!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>

var A = [];

for (var i = 0; i < 3; i = i+1) {
  A.push("green");
  A.push("red");
  A.push("blue");
};

Canvas.init([-12,12], [-12,12], {width:400, background:"lightgrey"});

for (var i = 0; i < A.length; i = i+1) {
  Canvas.circle(0, 0, i+2, {fill:"none", stroke:A[i]});
};

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

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Quellcode zuvor vertraut. Um was für ein Datenfeld handelt es sich? Wie viele Elemente besitzt das Datenfeld am Ende? Was ist das erste Element und was das letzte? Kann das Datenfeld auch mittels Console.print ausgegeben werden?