Felder

Der Datentyp Feld (Array)

Diese Beispiele sind z.T. dem Brückenkurs Webapps der HS Zittau/Görlitz entnommen.

Ein Array ist eine Liste, die mehrere Elemente enthalten kann.

Arrays erzeugen

Folgendes Beispiel zeigt, wie ein Array mit 10 Elementen erzeugt und der Variable "werte" zugewiesen wird:

Hinweis: Die Funktion "print" können Sie verwenden, um sich alle Elemente des Arrays anzeigen zu lassen! Sie ist wie folgt definiert:

function print(array){
for(var i=0; i<array.length i console.log><p><br></p><p><strong>Für Arrays gilt also:</strong></p><ul><li>Sie werden durch eckige Klammern [] gekennzeichnet.</li><li>Die Elemente des Arrays werden durch Komma getrennt.</li></ul><p><br></p><p>Wir können auch Einträge an die <em>einzelnen Positionen</em> eines Arrays schreiben.</p><p><br></p><p>Die Variable "werte" wird jetzt als leeres Array initialisiert. Anschließend werden die ersten 10 Positionen des Arrays befüllt:</p>
var werte = [];

werte[0] = 5;
werte[1] = 6;
werte[2] = 19;
werte[3] = 20;
werte[4] = 10;
werte[5] = 11;
werte[6] = 5;
werte[7] = 0;
werte[8] = 1;
werte[9] = -6;
print(werte)ausführen

<pre>Die Position, an der etwas in das Array geschrieben werden soll, muss also in eckigen Klammern nach dem Arraynamen angegeben werden. <strong>Beachten Sie, dass die erste Position eines Arrays immer 0 ist!</strong>
Die Position wird allgemein als <em>index</em> bezeichnet, Variable i</pre><p><br></p><p>Arrays können auch mit for-Schleifen befüllt werden.</p><p><strong>Beispiel</strong></p>
var array = [];

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

 array[i] = "Test";

}
print(array);ausführen

<p><br></p><p><strong>Aufgaben</strong></p><p>Schreiben Sie an die 2. Position des Arrays (also dort wo die 7 steht) den Wert 100!</p>
var werte = [5, 7, 10, 8, 11, 6];
print(werte);ausführen

<p><br></p><p>Legen Sie ein leeres Array an. Verwenden Sie eine for-Schleife und befüllen Sie das Array mit den Einträgen </p><pre>0
1
2
...
9</pre>

ausführen

<p><br></p><h2 id="Arrays_auslesen">Arrays auslesen</h2><p>Gegeben ist ein Array mit 10 Elementen. Das erste Element (<em>index</em> 0) soll ausgelesen und auf der Konsole ausgegeben werden:</p>
var array = [3,4,6,7,8,1,4,5,5,1];

var wert = array[0];
console.log(wert);ausführen

<p>Um den Wert eines Arrays an einer bestimmten Position auszulesen, muss die Position in eckigen Klammern hinter dem Arraynamen angegeben werden.</p><p>Im oberen Beispiel können wir statt 0 auch die Positionen 1 bis 9 angeben. Probieren Sie das aus!</p><p>Der Zugriff auf Positionen &lt; 0 ist immer ungültig. Außerdem ist bei dem oben gezeigten Array der Zugriff auf alle Positionen &gt; 9 ungültig. 
<strong>Bei einem Array mit der Länge l darf nur auf die Positionen 0 bis l-1 zugegriffen werden.</strong></p><p><br></p><p>Woher wissen wir, wie lang ein Array ist? Nachzählen ist in der Praxis nicht möglich. Daher ermitteln wir die Länge mit der Eigenschaft <strong>.length</strong>:</p>
var array = [3,4,6,7,8,1,4,5,5,1];

var l = array.length;
console.log(l);ausführen

<p><br></p><p><strong>Beispiel:</strong> Schreiben Sie das erste und das letzte Element des Arrays auf die Konsole:</p>
var array = [3,4,6,7,8,1,4,5,5,1,5,6,78,12,34];

var l = array.length;

var first = array[0];
var last = array[l-1];
console.log(first);
console.log(last);ausführen

<p><br></p><p>Nun lassen sich auch for-Schleifen zum Durchlaufen eines Arrays formulieren. In diesem Beispiel sollen alle Elemente des Arrays nacheinander auf die Konsole geschrieben werden:</p>
var array= [1,2,3,4,5];
for(var i=0; i<array.length; i++){

   var wert = array[i];
   console.log(wert);
}ausführen

<p>Oben sehen Sie, dass die Eigenschaft <strong>length</strong> als Obergrenze in der for-Schleife verwendet wird.</p><p><br></p><p><strong>Aufgaben</strong></p><p><br></p><p>Schreiben Sie das vierte Element (<em>index</em> 3) auf die Konsole:</p>
var array = [1,2,3,4,5,6,7,99];
ausführen

<p><br></p><p>Schreiben Sie das letzte Element auf die Konsole:</p>
var array = [1,2,3,4,5,6,7,99];
ausführen

<p><br></p><p>Schreiben Sie das erste Element von <em>array1</em> an die erste Postion (<em>index</em> 0) von <em>array2</em>. Geben Sie anschließend alle Elemente von array2 auf der Konsole aus.</p>
var array1 = [5,6,7,8,9,1,2,3,4,5,6,7,8,4,5];
var array2 = [];
ausführen

<p><br></p><p>Verwenden Sie eine for-Schleife, um alle Elemente des Arrays um 1 zu erhöhen. Geben Sie anschließend alle Elemente von array auf der Konsole aus.</p>
var array = [5,6,7,8,9,1,2,3,4,5,6,7,8,4,5];
ausführen

</array.length>