Freie Scripten und Tutorials erstellt von Roland Geyer       Startseite | Gästebuch

Array

Ein Array ist eine besondere Art einer Variablen. Wie bereits erwähnt besteht die Möglichkeit einer Variablen einen Wert zuzuweisen. Z.B.: a = 23 oder b ="Montag". Wäre es nicht praktischer alle Wochentage unter einem Variablennamen abzulegen? Und dies ist mittels einer Variablen vom Typ Array möglich.

Zuerst definieren wir den Namen "ListeWochentage" als Array:

ListeWochentage = new Array;

Dann bestimmen wir den Inhalt der einzelnen Elemente des Arrays:

ListeWochentage [1] = "Sonntag";
ListeWochentage [2] = "Montag";
ListeWochentage [3] = "Dienstag";
ListeWochentage [4] = "Mittwoch";
ListeWochentage [5] = "Donnerstag";
ListeWochentage [6] = "Freitag";
ListeWochentage [7] = "Samstag";

Und letztendlich drucken wir den Inhalt des Array aus, indem wir die einzelnen Elemente mit document.write ausgeben:

Beispiel 11_1:

ListeWochentage = new Array;
ListeWochentage [1] = "Sonntag";
ListeWochentage [2] = "Montag";
ListeWochentage [3] = "Dienstag";
ListeWochentage [4] = "Mittwoch";
ListeWochentage [5] = "Donnerstag";
ListeWochentage [6] = "Freitag";
ListeWochentage [7] = "Samstag";
document.write (ListeWochentage[1]+"<"+"br"+">");
document.write (ListeWochentage[2]+"<"+"br"+">");
document.write (ListeWochentage[3]+"<"+"br"+">");
document.write (ListeWochentage[4]+"<"+"br"+">");
document.write (ListeWochentage[5]+"<"+"br"+">");
document.write (ListeWochentage[6]+"<"+"br"+">");
document.write (ListeWochentage[7]);


Anwendung 11_1

Wenn man die Elemente eines Arrays der Reihe nach ausdruckt, dann geht das einfacher über die Verwendung einer Schleife.
Das bedeutet:
Zuerst wird das erste Element ausgegeben (Element i = 1)
dann das zweite Element (Element i = 2) oder i = 1 + 1
dann das dritte Element (Element i = 2) oder i = 2 + 1
dann das vierte Element (Element i = 2) oder i = 3 + 1

Damit lautet die allgemeine Formel für die Zählung i:

i = i + 1

Und damit der fertige Code:

Beispiel 11_2:

var i = 0;
ListeWochentage = new Array;
ListeWochentage [1] = "Sonntag";
ListeWochentage [2] = "Montag";
ListeWochentage [3] = "Dienstag";
ListeWochentage [4] = "Mittwoch";
ListeWochentage [5] = "Donnerstag";
ListeWochentage [6] = "Freitag";
ListeWochentage [7] = "Samstag";
for (i in ListeWochentage){
document.write (ListeWochentage[i]+"<"+"br"+">");
}


Anwendung 11_2

Natürlich bieten Arrays noch weit mehr Vorteile. Arrays liefern die Daten sortiert! Man kann den größten oder kleinsten Wert abfragen, die Anzahl der Elemente und vieles mehr. Sehen wir uns ein weiteres Beispiel an:

Beispiel 11_3:

var i = 0;
var a = "";
ListeWochentage = new Array;
ListeWochentage [1] = "Sonntag";
ListeWochentage [2] = "Montag";
ListeWochentage [3] = "Dienstag";
ListeWochentage [4] = "Mittwoch";
ListeWochentage [5] = "Donnerstag";
ListeWochentage [6] = "Freitag";
ListeWochentage [7] = "Samstag";
a = prompt ("Den wievielten Wochentag soll ich nennen?");
document.write (ListeWochentage[a]+"<"+"br"+">");


Anwendung 11_3

Arrays können aber auch Namen statt Indizes verwenden:

Statt:

ListeWochentage [1] = "Sonntag"; kann man auch
ListeWochentage ["erster Tag"] = "Montag"; definieren!

Damit kann auch folgende Schreibweise vverwendet werden:

var myIndex = "erster Tag"
ListeWochentage [ myIndex ] = "Montag";

Das hat zur Folge, dass Indizes dynamisch erzeugt und abgefragt werden können!!

Beispiel 11_4:

zahlen = new Array();
zahlen["1.Tag"] = "Montag";
zahlen["2.Tag"] = "Dienstag";
zahlen["3.Tag"] = "Mittwoch";
zahlen["4.Tag"] = "Donnerstag";
zahlen["5.Tag"] = "Freitag";

variablenName = "";
variablenName = window.prompt("NAME");
wert = window.prompt("Wert von "+variablenName);

zahlen[variablenName] = wert;

for(i in zahlen){
document.write(i +" = "+zahlen[i] + "<br>");
}


Anwendung 11_4

Ein kleines Beispiel wobei der Variablennamen erst nach Programmstart bekannt wird:

Beispiel 11_5:

a = new Obj();
e = window.prompt();
a[e]=33;
for (i in a){
document.write (i+" = "+a[i]+"<br>");
}


Anwendung 11_5

Weitere freie Tutorials: Rhetorik & Kommunikation Typografie & Layout Bildbearbeitung mit Photoshop oder GIMP Vektorgrafik mit Illustrator, FreeHand, Corel Draw oder Inkscape Layout mit Indesign oder Scribus Druckvorstufe GoLive Html JavaScript Flash & ActionScript Director & Lingo Assembler DOS Java objektorientiert Perl Word Excel Access PowerPoint Outlook Betriebssystem