Neueste Web-Entwicklung Tutorials
 

JSON Syntax


Die JSON-Syntax ist eine Teilmenge der JavaScript-Syntax.


JSON Syntaxregeln

JSON-Syntax von JavaScript Object Notation Syntax abgeleitet:

  • Die Daten werden in Name / Wert-Paare
  • Die Daten werden durch Komma getrennt
  • Geschweiften Klammern halten Objekte
  • Eckige Klammern halten Arrays

JSON-Daten - Ein Name und ein Wert

JSON-Daten werden als Name / Wert-Paare geschrieben.

Ein Name / Wert-Paar besteht aus einem Feldnamen (in Anführungszeichen), gefolgt von einem Doppelpunkt, gefolgt von einem Wert:

Beispiel

"firstName":"John"

JSON Namen erfordern doppelte Anführungszeichen. JavaScript Namen nicht.


JSON Werte

JSON-Werte können sein:

  • Eine Zahl (Integer oder Gleitkomma)
  • Ein String (in Anführungszeichen)
  • Ein Boolean (wahr oder falsch)
  • Ein Array (in eckigen Klammern)
  • Ein Objekt (in geschweiften Klammern)
  • Null

JSON-Objekte

JSON-Objekte werden in geschweiften Klammern geschrieben.

Genau wie JavaScript, JSON-Objekte mehrere Namen enthalten können / Werte-Paare:

Beispiel

{"firstName":"John", "lastName":"Doe"}

JSON-Arrays

JSON-Arrays sind in eckigen Klammern geschrieben.

Genau wie JavaScript, kann ein JSON-Array mehrere Objekte enthalten:

Beispiel

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName":"Jones"}
]

In dem obigen Beispiel das Objekt "employees" ist ein Array mit drei Objekten. Jedes Objekt ist eine Aufzeichnung von einer Person (mit einem Vornamen und einem Nachnamen).


JSON verwendet JavaScript-Syntax

Da JSON Syntax von JavaScript Object Notation abgeleitet wird, sehr wenig zusätzliche Software benötigt mit JSON in JavaScript.

Mit JavaScript können Sie ein Array von Objekten und weisen Daten darauf, wie diese zu erstellen:

Beispiel

var employees = [
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName": "Jones"}
];

Der erste Eintrag im Objektarray JavaScript kann wie folgt zugegriffen werden:

Beispiel

// returns John Doe
employees[0].firstName + " " + employees[0].lastName;
Versuch es selber "

Es kann auch wie folgt aufgerufen werden:

Beispiel

// returns John Doe
employees[0]["firstName"] + " " + employees[0]["lastName"];
Versuch es selber "

Die Daten können wie folgt geändert werden:

Beispiel

employees[0].firstName = "Gilbert";
Versuch es selber "

Es kann auch wie folgt geändert werden:

Beispiel

employees[0]["firstName"] = "Gilbert";
Versuch es selber "

Im nächsten Kapitel werden Sie lernen, wie man ein JSON Text in ein JavaScript-Objekt zu konvertieren.


JSON-Dateien

  • Der Dateityp für JSON - Dateien ist ".json"
  • Der MIME - Typ für JSON Text ist "application/json"