JSON

JSON (sprich Jason) ist ein Dateiformat, welches man anstatt XML einsetzen kann. Es bedeutet Javascript Objekt Notation. Man speichert es mit der Endung json ab.

Der Aufbau von JSON sieht ganz ähnlich auch wie Javascript Objekte in der Literalschreibweise.

{
	"info": ["Wald", "Feldweg", "See"]
}
Der Unterschied zwischen JSON und Javascript Objekten

Beispiel

 {
  "filme": [
    {
      "title": "Hellboy",
      "regie": "Guillermo del Toro",
      "jahr": "2004",
      "schauspieler": ["Ron Perlman", "John Hurt"]
    },
    {
      "title": "Brazil",
      "regie": "Terry Gilliam",
      "jahr": "1985",
      "schauspieler": [
        "Jonathan Pryce",
        "Ian Holm",
        "Michael Palin",
        "Robert de Niro",
        "Kim Greist"
      ]
    },
    {
      "title": "Day Shift",
      "regie": "J.J.Perry",
      "jahr": "2022",
      "schauspieler": ["Jamie Fox", "Dave Franco", "Snoop Dog"]
    }
  ]
}       
        

Man kann in Javascript ein JSON Objekt folgendermaßen erstellen.

Beispiel

let obj = {
	"info": ["Wald", "Feldweg", "See"]
}

Umwandeln von Javascript und JSON

Das JSON Objekt stellt 2 Methoden bereit

JSON.stringify() Umwandeln von Javascript Objekten in eine Zeichenekette im JSON-Format.

JSON.parse() Umwandeln von Zeichenketten im JSON Format in ein Javascript Objekt.

stringify() Objekte in das JSON Format umwandeln

Die Methode stringify() wandelt ein Javascript Objekt in eine Zeichenkette im JSON Format um. Der erste Parameter erwartet ein Javascript Objekt.

Als zweiten Parameter kann man eine Funktion eingeben, über die sich die Umwandlung steuern lässt. Die Funktion wird für jede Eigenschaft des Objekts angewendet.

Der dritte Parameter definiert die Einrückung.

let string = JSON.stringify(obj, (key,value)=>{return value;}, 2)

parse() Objekte aus dem JSON Format umwandeln

Mit parse() wird eine Zeichenkette im JSON-Format in ein Javascript Objekt umgewandelt. Das erste Argument ist die JSON Zeichenkette. Das zweite Argument ist eine Funktion welche die Umwandlung steuert. Die Funktion wird auf jede Eigenschaft angewandt.

let objParsed = JSON.parse(string, (key,value)=>{return value;});

Abrufen eine JSON-Datei mit AJAX und anzeigen siehe hier .


Javascript Tipps