Arbeiten mit assoziativen Arrays in JavaScript

Arbeiten mit assoziativen Arrays in JavaScript

Wenn Sie bereits mit PHP programmiert haben, sind Sie sicherlich mit assoziativen Arrays vertraut. In PHP können Sie einem Array Schlüssel in Form von Zeichenketten zuweisen, beispielsweise:

var SE = new Array();
SE['one'] = 1;
SE['two'] = 2;

In PHP können Sie dann über das Array iterieren und erhalten so den gewünschten Zusammenhang zwischen Schlüssel und Wert.

Doch bei JavaScript verhält es sich etwas anders. Im Gegensatz zu PHP gibt es in JavaScript keine echten assoziativen Arrays. Stattdessen verwendet JavaScript Objekte, um Schlüssel-Wert-Paare abzubilden. Wenn Sie ein Array wie oben erstellt haben, behandeln Sie es intern als Objekt. Kein Array-Methoden, wie beispielsweise length oder forEach, funktionieren hier wie erwartet.

Das bedeutet, wenn Sie versuchen, Elemente eines solchen assoziativen Arrays mit einer klassischen for-Schleife zu durchlaufen, werden Sie nicht die gewünschten Ergebnisse erzielen. Stattdessen können Sie die for…in-Schleife verwenden, die speziell dafür gedacht ist, über die Eigenschaften eines Objekts zu iterieren. So könnten Sie beispielsweise den Inhalt des Arrays wie folgt ausgeben:

for (var SP in SE) {
document.write(SP + " = " + SE[SP] + "
");
}

Das Ergebnis dieser Schleife sieht folgendermaßen aus:

one = 1
two = 2

Was passiert hierbei?

Die for…in-Schleife durchläuft alle Eigenschaften (Schlüssel) des Objekts SE. Für jeden Schlüssel SP können Sie dann mit SE[SP] den entsprechenden Wert abrufen. So erhalten Sie eine Ausgabe, die den Schlüssel und den zugehörigen Wert korrekt darstellt.

Hinweis zur Verwendung von assoziativen Arrays in JavaScript

Da JavaScript Objekte für assoziative Arrays verwendet, sollten Sie sich bewusst machen, dass die Array-Methoden nicht zur Verfügung stehen. Funktionen wie map, filter oder reduce funktionieren nur mit echten Arrays, also mit numerisch indizierten Sammlungen. Möchten Sie eine Sammlung mit String-Schlüsseln erstellen, nutzen Sie am besten ein Objekt oder – in neueren JavaScript-Versionen – Map, welches gezielt für Schlüssel-Wert-Paare konzipiert ist.

Zusammenfassung

Das Arbeiten mit assoziativen Arrays in JavaScript unterscheidet sich in einigen wesentlichen Punkten vom Umgang mit assoziativen Arrays in PHP. Durch die Verwendung der for…in-Schleife können Sie jedoch problemlos über die Eigenschaften eines Objekts iterieren und Schlüssel-Wert-Paare ausgeben. Nutzen Sie für umfangreichere Operationen und wenn Sie die Vorteile von Array-Methoden benötigen, besser echte Arrays oder die Map-Datenstruktur.

Mit diesem Wissen können Sie jetzt effektiv mit assoziativen Arrays – sprich Objekten – in JavaScript arbeiten und die besonderen Eigenheiten der Sprache gekonnt einsetzen.