Felder

Aus ProgrammingWiki

Der Datentyp Feld (Array)

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

function print(array){ for(var i=0; i<array.length; i++){ console.log(array[i]); } }

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:

var werte = [5, 6, 19, 20, 10, 11, 5, 0, 1, -6];

print(werte)

ausführen

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(array[i]);
}
}

Für Arrays gilt also:

• Sie werden durch eckige Klammern [] gekennzeichnet.
• Die Elemente des Arrays werden durch Komma getrennt.

Wir können auch Einträge an die einzelnen Positionen eines Arrays schreiben.

Die Variable "werte" wird jetzt als leeres Array initialisiert. Anschließend werden die ersten 10 Positionen des Arrays befüllt:

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

Die Position, an der etwas in das Array geschrieben werden soll, muss also in eckigen Klammern nach dem Arraynamen angegeben werden. Beachten Sie, dass die erste Position eines Arrays immer 0 ist!
Die Position wird allgemein als $index$ bezeichnet, Variable $i$

Arrays können auch mit for-Schleifen befüllt werden.

Beispiel

var array = []; for(var i=0; i<10; i++){ array[i] = "Test"; }

print(array);

ausführen

Aufgaben

Schreiben Sie an die 2. Position des Arrays (also dort wo die 7 steht) den Wert 100!

var werte = [5, 7, 10, 8, 11, 6];

print(werte);

ausführen

Legen Sie ein leeres Array an. Verwenden Sie eine for-Schleife und befüllen Sie das Array mit den Einträgen

0
1
2
...
9

ausführen

Arrays auslesen

Gegeben ist ein Array mit 10 Elementen. Das erste Element (index 0) soll ausgelesen und auf der Konsole ausgegeben werden:

var array = [3,4,6,7,8,1,4,5,5,1]; var wert = array[0];

console.log(wert);

ausführen

Um den Wert eines Arrays an einer bestimmten Position auszulesen, muss die Position in eckigen Klammern hinter dem Arraynamen angegeben werden.

Im oberen Beispiel können wir statt 0 auch die Positionen 1 bis 9 angeben. Probieren Sie das aus!

Der Zugriff auf Positionen < 0 ist immer ungültig. Außerdem ist bei dem oben gezeigten Array der Zugriff auf alle Positionen > 9 ungültig. Bei einem Array mit der Länge l darf nur auf die Positionen 0 bis l-1 zugegriffen werden.

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 .length:

var array = [3,4,6,7,8,1,4,5,5,1]; var l = array.length;

console.log(l);

ausführen

Beispiel: Schreiben Sie das erste und das letzte Element des Arrays auf die Konsole:

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

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:

var array= [1,2,3,4,5];

for(var i=0; i<array.length; i++){ var wert = array[i]; console.log(wert); }

ausführen

Oben sehen Sie, dass die Eigenschaft length als Obergrenze in der for-Schleife verwendet wird.

Aufgaben

Schreiben Sie das vierte Element (index 3) auf die Konsole:

var array = [1,2,3,4,5,6,7,99];

ausführen

Schreiben Sie das letzte Element auf die Konsole:

var array = [1,2,3,4,5,6,7,99];

ausführen

Schreiben Sie das erste Element von array1 an die erste Postion (index 0) von array2. Geben Sie anschließend alle Elemente von array2 auf der Konsole aus.

var array1 = [5,6,7,8,9,1,2,3,4,5,6,7,8,4,5]; var array2 = [];

ausführen

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.

var array = [5,6,7,8,9,1,2,3,4,5,6,7,8,4,5];

ausführen