JavaScript-Programmierung von Kopf bis Fuß

128 Kapitel 4

Einführung in Arrays

0 1 2 3 4

"Vanille"

"Karamell"

"Lavendel"

"Schokolade"

"Plätzchenteig"

Wie Arrays funktionieren

avors

Bevor wir Bubbles-R-Us weiterhelfen können, sollten wir uns zunächst ausführlich mit

Arrays beschäftigen. Wie schon gesagt, können Sie Arrays zum Speichern mehrerer Werte

verwenden (im Gegensatz zu Variablen, die immer nur einen Wert, z. B. eine Zahl oder

einen String, enthalten können). Am häufigsten verwenden wir Arrays zum Gruppieren

ähnlicher Dinge, wie einer Reihe von Blasenfaktoren, Eiscreme-Geschmacksrichtungen,

Tagestemperaturen oder sogar Antworten auf eine Reihe von wahr/falsch-Fragen.

Sobald Sie mehrere Werte gruppieren möchten, können zum Speichern ein Array

erzeugen und bei Bedarf auf die einzelnen Werte zugreifen.

var flavors = ["Vanille", "Karamell", "Lavendel", "Schokolade", "Plätzchenteig"];

Jeder Wert hat

einen Index, begin-

nend bei 0.

Das Array

sammelt alle

Werte gemeinsam.

Jeder Index des

Arrays enthält

einen Wert.

Das Array wird einer

Variablen zugewiesen.

Ein Array erstellen

Hier zeigen wir Ihnen, wie Sie ein Array mit Eiscreme-

Geschmacksrichtungen erstellen können. Das geht so:

Die einzelnen Elemente

werden durch Kommata

getrennt.

Wir weisen das Array

einer Variablen namens

flavors zu.

Sie beginnen das

Array mit einem

[-Zeichen …

Am Ende schließen wir

das Array mit einem

]-Zeichen.

Beim Anlegen eines Arrays wird jedes Element an einem bestimmten

Platz oder Index innerhalb des Arrays abgelegt. Das erste Array-Element

in scores ist »Vanille« mit dem Index 0, das zweite ist »Karamell« mit dem

Index 1 und so weiter. Sie können sich das Array in etwa so vorstellen:

… und listen dann

die einzelnen Array-

Elemente auf.

Sie sind hier � 129

Etwas Ordnung in die Daten bringen

Auf Array-Elemente zugreifen

Jedes Array-Element hat seinen eigenen Index. Und das ist Ihr Schlüssel für den

Zugriff und das Ändern der Werte in einem Array. Hierfür benutzen Sie einfach

den Namen des Arrays, gefolgt vom Index des Elements in eckigen Klammern.

Diese Schreibweise funktioniert überall dort, wo auch eine Variable funktioniert:

var flavorOfTheDay = flavors[2];

Hier wird der Wert des flavors-Arrays mit

dem Index 2 (»Lavendel«) der Variablen

flavorOfTheDay zugewiesen.

Einen Wert im Array aktualisieren

Anhand des Array-Indexes können Sie außerdem den Wert in einem Array ändern:

flavors[3] = "Stracciatella";

Hiermit wird der Wert des Elements mit

dem Index 3 (zuvor »Schokolade«) mit dem

neuen Wert »Stracciatella« überschrieben.

Nach Auswertung dieser Codezeile sieht Ihr Array so aus:

0 1 2 3 4

"Vanille"

"Karamell"

"Lavendel"

"Stracciatella"

"Plätzchenteig"

avors

Der Wert des Elements mit

dem Index 3 wurde verändert.

Um auf ein Array-Element zuzugreifen,

brauchen Sie den Namen des Arrays und

den Index des gewünschten Werts.

0 1 2 3 4

"Vanille"

"Karamell"

"Lavendel"

"Schokolade"

"Plätzchenteig"

avors

avorOfTheDay

"Lavendel"

flavorOfTheDay erhält den Wert von flavors[2].

Nicht vergessen: Da der Index bei 0 beginnt,

bezeichnet flavors[2] das dritte Array-Element.