Einführung in JSON
JSON (JavaScript Object Notation) ermöglicht es, dass JS Objekte in Form von reinen Text gespeichert werden kann. Es verwendet also die JavaScript-Syntax, aber das JSON-Format ist nur Text. In diesem Datenformat ist es problemlos über das Web übertragbar und kann von jeder Programmiersprache gelesen und als Datenformat verwendet werden.
Die Syntax besteht immer aus einem Paar aus Eigenschaft und Wert: {"name":"Susanne"}
Eine Zusammenstellung ergibt einJSON Objekt: person= { "name":"Susanne", "age":25, "profession":"Hochschuldozentin", "children":2, "grandchild":null };
JSON Objekte können auch Arrays enthalten: person= {"name":"Susanne", "age":25, "children": [ "Anna", "Tom" ] }
Mit der JavaScript function JSON.parse() kann JSON direkt in ein JavaScript Object umgewandelt werden: myObject = JSON.parse('{"name":"Susanne", "age":25, "profession":"Hochschuldozentin", "children":2, "grandchild":null }');
Linkliste:
JSON - Introduction
JSON Objects
Looping an Object
Nested JSON Objects
JSON Arrays
und dann noch:
JavaScript Objects
JavaScript Arrays
bitte üben, was nicht mehr in Erinnerung ist:
JavaScript Exercises v.a. Objects and Arrays gerne auch Loops
Aufgabe:
Bitte laden Sie sich die Datei myMuseum Array_Object_JSON 2.zip von Ilias herunter. Bauen Sie nun eine eigene Datei entsprechend dem Beispiel nach.
- Erzeugen Sie ein JS Object, ein JS Array und ein JSON Object mit einem beliebigen Inhalt.
- Zugriff auf ein JS Object mit entsprechender Ausgabe
- Zugriff auf ein JS Array mit entsprechender Ausgabe
- Sortierte Ausgabe eines JS Arrays (auch reverse)
- Zugriff auf ein JSON Object und Ausgabe der Eigenschaften und Werte (auch in den verschachtelten Bereichen)
- Verwenden Sie zum Schluss die Methode JSON.parse(), um auf ein JSON Object zuzugreifen und lassen Sie die Werte ausgeben.