Brückenkurs Websites und Webapps/Arrays

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
<code id="58d6d66c0c87b" hidden>
function print(array){
for(var i=0; i<array.length; i++){
console.log(array[i]);
}
}
</code>
Ein Array ist eine Liste, die mehrere Elemente enthalten kann. 

===Arrays erzeugen===

Folgendes Beispiel zeigt, wie ein Array mit drei Einträgen erzeugt und der Variable "namen" zugewiesen wird:

<code id="58d6d2bc3f519">
var namen = ["Sabine", "Peter", "Maciej"];
</code>

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

<code id="58d6d2bc3f589">
var werte = [5, 6, 19, 20, 10, 11, 5, 0, 1, -6];
</code>
<run id="58d6d828670a7">print(werte)</run>

Für Arrays gilt also:
* Sie werden durch eckige Klammern [] gekennzeichnet.
* Die Elemente des Arrays werden durch Komma getrennt.

Wir können auch Werte an die ''einzelnen Positionen'' eines Arrays schreiben.

'''Beispiel'''

Es wird ein leeres Array erzeugt. Anschließend werden die ersten drei Positionen des Arrays befüllt:

<code id="58d6d2bc3f5ed">
var werte = [];

werte[0] = 50;
werte[1] = 9;
werte[2] = 98;
</code>
<run id="58d6d8286715a">print(werte)</run>

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

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

'''Beispiel'''

<code id="58d6d66c0c915">
var werte = [];

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

 werte[i] = "Test";

}
</code>
<run id="58d6d66c0cf46">print(werte);
</run>
'''Hinweis:''' Die Funktion "print" können Sie in diesem Arbeitsblatt verwenden, um sich alle Elemente des Arrays anzeigen zu lassen!"


'''Aufgaben'''

Schreiben Sie an die 2. Position des Arrays (also dort wo die 7 steht) den Wert 100!
<code id="58d6d82866f89">
var werte = [5, 7, 10, 8, 11, 6];


</code>
<run id="58d6d828671fe">
print(werte);
</run>


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
<code id="58d6d66c0c9a2">
</code>
<run id="58d6d66c0d039">
</run>



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
<code id="58d6d66c0ca24">
</code>
<run id="58d6d66c0d0ba">
</run>



Legen Sie ein leeres Array an. Verwenden Sie eine for-Schleife und befüllen Sie das Array mit den Einträgen 
 0
 2
 4
 ...
 100
<code id="58d6d66c0cacf">
</code>
<run id="58d6d66c0d142">
</run>



Legen Sie ein leeres Array an. Befüllen Sie das Array mit den Einträgen  
 "Lektion 1"
 "Lektion 2"
 ...
 "Lektion 10"
<code id="58d6d66c0cb8d">
</code>
<run id="58d6d66c0d1b4">
</run>



Legen Sie ein leeres Array an. Füllen Sie das Array in der ersten Hälfte (Positionen 0 bis 49) mit dem Wert 0 und in der zweiten Hälfte (Positionen 50 - 99) mit dem Wert 1! Verwenden Sie dafür '''zwei for-Schleifen'''!
<code id="58d6d66c0cc42">
</code>
<run id="58d6d66c0d225">
</run>



Legen Sie ein leeres Array an. Füllen Sie das Array in der ersten Hälfte (Positionen 0 bis 49) mit dem Wert 0 und in der zweiten Hälfte (Positionen 50 - 99) mit dem Wert 1! Verwenden Sie dafür '''eine for-Schleife'''!
<code id="58d6d66c0cd07">
</code>
<run id="58d6d66c0d29c">
</run>



Legen Sie ein leeres Array an. Füllen Sie das Array abwechselnd mit 0 und 1 (Positionen 0 bis 99). Das heißt:
* Position 0 -> 1
* Position 1 -> 0
* Position 2 -> 1
* Position 3 -> 0
* ...
Verwenden Sie dafür '''zwei for-Schleifen'''!
<code id="58d6d66c0cdca">
</code>
<run id="58d6d66c0d31e">
</run>


Legen Sie ein leeres Array an. Füllen Sie das Array abwechselnd mit 0 und 1 (Positionen 0 bis 99). Das heißt:
* Position 0 -> 1
* Position 1 -> 0
* Position 2 -> 1
* Position 3 -> 0
* ...
Verwenden Sie dafür '''eine for-Schleife'''!
<code id="58d6d66c0ce61">
</code>
<run id="58d6d66c0d392">
</run>