Array


<script language="JavaScript" type="text/javascript">

var x;
x=prompt("Gebe eine Zahl von 0 bis 4 ein","");

var spruch = new Array();
spruch[0] = "Gestalten mit Zittern und Zagen - on-design, so innovativ wie die Ewigkeit! "
spruch[1] = "On-design - die Freiheit zu gestalten!"
spruch[2] = "Egal ob Richter oder Dichter - gestalten mit On-design! "
spruch[3] = "Innovativ? Innovativer als On-design!? Wer's glaubt! "
spruch[4] = "On-design - die edelste Komparation von innovativ! "

document.write(spruch[Number(x)]);

</script>



Ein Array ist quasi eine Liste von Variablen. In einem Array gibt es mehrere Elemente, die über einen Indexwert identifiziert oder definiert werden. Jedes Element bekommt einen Wert. Man kann es mit einem Kartenspiel vergleichen. Es gibt eine gewisse Anzahl von Karten. Die Karten sind durchnummeriert und haben jeweils ein anderes Bild. Es gibt einige Arrayfunktionen. Damit kann man Elemente löschen, hinzufügen und vieles mehr.

Der Index beginnt bei 0;

Man kann ein Array auf verschiedenen Arten initialisieren. Beispielweise mit dem Schlüsselwort new und dem Aufruf der Konstruktorfunktion:

var karte = new Array();

Eine andere Möglichkeit wäre folgende Schreibweise.
var karte = [];

Die einzelnen Elemente können in der Konstruktorfunktion mit Komma getrennt aufgeführt werden.

var karte = new Array("Bube", "Dame", "König", "As");

oder auch in den eckigen Klammern auf gleiche Art:

var karte = ["Bube", "Dame", "König", "As"];

In beiden Fällen kann man später weitere Elemente hinzufügen:

karte[4] = "Herz";
karte[5] = "Karo";

Über den Index kann auf das Element zugreifen.
console.log(karte[4]); // "Herz"

Das höchste Index bestimmt die Länge des Arrays, oder anders ausgedrückt die Anzahl der Elemente. Hat man im Nachhinein einen Index zugewiesen der höher ist als das letzte Element plus 1, werden dazwischen Elemente erzeugt mit dem Wert undefined.

Im obigen Beispiel haben wir 5 behämmerte Sprüche, die je nach eingegebener Zahl angezeigt werden.
Zuerst wird der Variablen x mittels einer Prompt Box ein Wert zwischen 0 und 4 zugewiesen, wie gehabt.
Dieser Wert wird später gebraucht. Dann wird das Array erzeugt
Eine Objektinstanz von Array speichert man in einem selbstgewählten Objektnamen, gefolgt von =newArray()
In meinem Beispiel ist der Name spruch.
Dann werden dem Array verschiedene Elemente zugewiesen und zwar sind es in diesem Falle 5 Stück, welche einem numerischem Index von 0 bis 4 zugewiesen sind. Man muß keinen numerischen Index wählen, man könnte auch eine Zeichenfolge verwenden z.B.: kumpel["Bernd"]="voll in Ordnung" Aber das soll an dieser Stelle erstmal nicht interessieren.
Nun geht es darum, dass ich mir ein Element anzeigen lasse. Durch die Schreibweise objektname[Index] wird der Wert übergeben.
Dieser Wert wird der Variablen x entnommen. Da die Zahl aus der Prompt Box stammt, muß sie zuerst noch in einen rechnerischen Wert umgewandelt werden. Number() siehe string und number
Also wird beispielsweise bei Eingabe von 1 in der Prompt Box, der selten blöde Spruch: On-Design - die Freiheit zu gestalten! mittels document.write erzeugt, welcher im Element spruch[1] hinterlegt ist.
document.write(spruch[Number(x)]);

 


Auf der nächsten Seite geht es darum, auf verschiedene Arten Arrays zu erzeugen.
Unter modulo gehe ich nochmal auf zufällige Sprüche ein.

 

Javascript Tipps