JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JSON -Syntax


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


JSON-Syntaxregeln

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

  • Daten befinden sich in Name/Wert-Paaren
  • Daten werden durch Kommas getrennt
  • Geschweifte Klammern halten Objekte
  • Eckige Klammern halten Arrays

JSON-Daten – Ein Name und ein Wert

JSON-Daten werden als Name/Wert-Paare (auch als Schlüssel/Wert-Paare bezeichnet) 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 - Wird zu JavaScript-Objekten ausgewertet

Das JSON-Format ist fast 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 plus jeder andere gültige JavaScript-Ausdruck sein, einschließlich:

  • eine Funktion
  • ein Treffen
  • nicht definiert

In JSON müssen Zeichenfolgenwerte 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, ist nur sehr wenig zusätzliche Software erforderlich, um mit JSON in JavaScript zu arbeiten.

Mit JavaScript können Sie ein Objekt erstellen und ihm Daten zuweisen, wie folgt:

Beispiel

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

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

Beispiel

// returns John
person.name;

Es kann auch so aufgerufen werden:

Beispiel

// returns John
person["name"];

Daten können wie folgt geändert werden:

Beispiel

person.name = "Gilbert";

Es kann auch so modifiziert werden:

Beispiel

person["name"] = "Gilbert";

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


JavaScript-Arrays als JSON

So wie JavaScript-Objekte als JSON geschrieben werden können, können auch JavaScript-Arrays 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“.