JSON-Syntax

Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen

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

JSON-Syntaxregeln

Die JSON-Syntax ist von der JavaScript-Objektnotationssyntax abgeleitet:

  • Die Daten liegen in Name/Wert-Paaren vor

  • Die Daten werden durch Kommas getrennt

  • Geschweifte Klammern halten Gegenstände

  • Eckige Klammern enthalten Arrays

JSON-Daten - Ein Name und ein Wert

JSON-Daten werden als Name/Wert-Paare (auch Schlüssel/Wert-Paare genannt) geschrieben.

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

Beispiel

"name":"John"

JSON-Namen erfordern doppelte Anführungszeichen.

JSON - Wertet zu JavaScript-Objekten aus

Das JSON-Format ist nahezu identisch mit JavaScript-Objekten.

In JSON müssen Schlüssel Zeichenfolgen sein, die in doppelte Anführungszeichen geschrieben werden:

JSON

{"name":"John"}

In JavaScript können Schlüssel Zeichenfolgen, Zahlen oder Bezeichnernamen sein:

JavaScript

{name:"John"}

JSON-Werte

In JSON müssen Werte einer der folgenden Datentypen sein:

  • ein Faden

  • eine Zahl

  • ein Objekt

  • eine Anordnung

  • ein boolescher Wert

  • Null

In JavaScript können alle oben genannten Werte sowie jedes andere gültige JavaScript verwendet werden Ausdruck, einschließlich:

  • eine Funktion

  • ein Treffen

  • nicht definiert

In JSON müssen String-Werte in doppelte Anführungszeichen geschrieben werden:

JSON

{"name":"John"}

In JavaScript können Sie Zeichenfolgenwerte mit doppelten oder einfachen Anführungszeichen schreiben:

JavaScript

{name:'John'}

JavaScript-Objekte

Da die JSON-Syntax von der JavaScript-Objektnotation abgeleitet ist, gibt es kaum zusätzliche Informationen Für die Arbeit mit JSON in JavaScript ist Software erforderlich.

Mit JavaScript können Sie ein Objekt erstellen und ihm Daten zuweisen es, so:

Beispiel

person = {name:"John", age:31, city:"New York"};

Sie können wie folgt auf ein JavaScript-Objekt zugreifen:

Beispiel

// returns John
person.name;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Es kann auch so aufgerufen werden:

Beispiel

// returns John
person["name"];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Access a JavaScript object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
document.getElementById("demo").innerHTML = myObj["name"];
</script>

</body>
</html>

Daten können wie folgt geändert werden:

Beispiel

 person.name = "Gilbert";

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York" };
myObj.name = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Es kann auch so geändert werden:

Beispiel

 person["name"] = "Gilbert";

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>Modify a JavaScript Object</h2>
<p id="demo"></p>

<script>
const myObj = {name:"John", age:30, city:"New York"};
myObj["name"] = "Gilbert";
document.getElementById("demo").innerHTML = myObj.name;
</script>

</body>
</html>

Später erfahren Sie, wie Sie JavaScript-Objekte in JSON konvertieren Lernprogramm.

JavaScript-Arrays als JSON

Genauso wie JavaScript-Objekte als JSON geschrieben werden können, können auch JavaScript-Arrays geschrieben werden auch als JSON geschrieben werden.

Später in diesem Tutorial erfahren Sie mehr über Objekte und Arrays.

JSON-Dateien

  • Der Dateityp für JSON-Dateien ist „.json“

  • Der MIME-Typ für JSON-Text ist „application/json“