JavaScript-Programmierung von Kopf bis Fuß

636 Anhang

Eine sehr kurze Einführung in JSON

9. JSON

JavaScript ist nicht nur die Programmiersprache des Webs, sondern wird auch immer

mehr zu einem üblichen Austauschformat zum Speichern und Übertragen von Objekten.

JSON (»JavaScript Object Notation«) ist ein Format, mit dem JavaScript-Objekte als Strings

dargestellt werden können – Strings, die man speichern und weiterleiten kann.

var fido = {

name: "Fido",

breed: "Mischling",

weight: 17

};

var fidoString = JSON.stringify(fido);

var fidoString = '{ "name": "Fido", "breed": "Mischling", "weight": 17 }';

Ein JSON-String.

Beachten Sie, dass wir den JSON-String mit einfachen

Anführungszeichen umgeben haben, weil der String selbst

doppelte Anführungszeichen enthält. Täten wir das nicht,

käme JavaScript durcheinander. Durch die einfachen

Anführungszeichen weiß JavaScript, dass dies ein langer

String ist, der andere Strings enthält.

Der Clou an JSON ist, dass Sie Strings wie diesen einfach in ein Objekt verwandeln können.

Dafür benutzen wir eine paar Methoden, die uns das JavaScript-eigene JSON-Objekt zur

Verfügung stellt: JSON.parse und JSON.stringify. Mithilfe der parse-Methode können

wir den fidoString parsen und in einen richtigen Hund verwandeln (na ja, immerhin in ein

JavaScript-Objekt):

Kommt Ihnen das bekannt vor?

Dieser String hat ziemliche

Ähnlichkeit mit dem fido-

Objekt, das wir weiter oben im

Buch bereits benutzt haben …

var fido = JSON.parse(fidoString);

fido

{ name: "Fido",

breed: "Mixed",

weight: 38 }

Wir rufen die parse-

Methode des JSON-

Objekts auf, übergeben

den oben stehenden

String und erhalten …

… ein echtes JavaScript-Objekt.

Wir speichern die Referenz auf das

Objekt in der Variablen fido.

Das geht auch andersherum. Wenn Sie ein Objekt haben (z. B. fido), das in einen String

umgewandelt werden soll, brauchen Sie nur die JSON.stringify-Methode aufzurufen, wie hier:

Hier nehmen wir ein

JavaScript-Objekt …

… und wandeln es in einen String um.

Das JSON-Format funktioniert nicht mit Methoden (Sie können also keine bark-

Methode in Ihren JSON-String einbetten), aber sie funktioniert mit allen primitiven

Typen sowie mit Objekten und Arrays.

Beachten Sie hier das

JSON-Objekt. JSON

ist der Name für ein

String-Format, aber

auch eines JavaScript-

Objekts.