Konzepte: Einführung in JSON

In diesem Thema lernen Sie JSON-Dateien und Methoden kennen, die zur Manipulation dieser Daten verwendet werden.

JSON-Themen

Was wird in diesem Leitfaden behandelt:

Beginnen Sie mit JSON-Dateien
Verwenden Sie Methoden, um JSON-Daten zu manipulieren
Verwenden von Tools zum Erstellen von JSON-Text
Validierung von JSON-Daten

Beginnend mit JSON

Das JSON-Dateiformat JavaScript Object Notation (JSON) ist ein textbasiertes, offenes Standardformat, das verwendet wird, um strukturierte Daten zwischen einem Server und einer Webanwendung zu serialisieren und zu übertragen. Das JSON-Format ist für Menschen einfach zu lesen und zu schreiben. Es ist auch einfach für Maschinen zu analysieren und zu generieren. Obwohl es auf einer Teilmenge der JavaScript-Programmiersprache basiert, ist es völlig sprachunabhängig. Das JSON-Format ist kleiner, schneller und einfacher zu analysieren als XML. Aufgrund dieser Eigenschaften ist das JSON-Format die ideale Sprache für den Datenaustausch.

Zu den Datentypen im JSON-Format gehören:

Zahl - Gleitkomma mit doppelter Genauigkeit in JavaScript
String - Zweifach zitierter Unicode mit Backslash
Boolean - wahr oder falsch
Array - Eine geordnete Folge von kommagetrennten Werten in eckigen Klammern
Object - Eine ungeordnete Sammlung von Schlüssel-Wert-Paaren, wobei der Doppelpunkt „:“ den Schlüssel und den Wert trennt. Es ist eine kommagetrennte Liste, die in geschweiften Klammern eingeschlossen ist.
null - Null-Wert

Im folgenden Beispiel werden die Kontaktinformationen einer Person im JSON-Format beschrieben:

{
    "firstName": "John",
    "lastName": "Smith",
    "age": 25,
    "address": {
        "streetAddress": "21 2nd Street",
        "city": "New York",
        "state": "NY",
        "postalCode": 10021
    },
    "phoneNumbers": [
        {
            "type": "home",
            "number": "212 555-1234"
        },
        {
            "type": "fax",
            "number": "646 555-4567"
        }
    ]
}

Weitere Informationen zum JSON-Format finden Sie im Introducing JSON and the JSON in JavaScript-Dokumenten .

Verwenden von JSON-Methoden

Da das JSON-Format sehr eng mit der JavaScript-Sprache verwandt ist (die Zeichen U+2028 und U+2029 werden in den beiden Sprachen unterschiedlich behandelt), kann es in der Sprache mit geringem Aufwand verwendet werden. Das JSON-Textformat verwendet dieselbe Syntax wie der Code, mit dem ein JavaScript-Objekt erstellt wurde. Das JSON-Objekt enthält Methoden zum Konvertieren von Werten in das JSON-Format und zum Konvertieren des JSON-Formats in Werte.

Das JSON-Objekt verfügt über mehrere Methoden, darunter:

Die parse() Methode zum Konvertieren einer JSON-Zeichenfolge in ein JavaScript-Objekt oder Array.

var jsonstring = '{"firstName":"John","lastName":"Smith","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsonstring);
console.log(contact.lastName + ", " + contact.firstName);
//Output: Smith, John

Einzelheiten finden Sie im Dokument JSON.parse Function (JavaScript) .

Die stringify() Methode zum Konvertieren eines JavaScript-Werts, normalerweise ein Objekt oder Array, in eine JSON-Zeichenfolge.

Beispiel 1:

var contact = new Object();
contact.firstName = "John";
contact.lastName = "Smith";
contact.phone = ["555-0100","555-0120"];
var jsonstring = JSON.stringify(contact);
console.log(jsonstring);
//Output: { "firstName":"John","lastName":"Smith","phone":["555-0100","555-0120"] }

Beispiel 2: (Beachten Sie, dass Escapezeichen für interne Strings verwendet werden)

var foo = new Object();
foo.template = '<p class="bar">Hello</p>';
var jsonstring = JSON.stringify(foo);
console.log(jsonstring);
//Output: {"template":"<p class=\"bar\">Hello</p>"}

Einzelheiten finden Sie im Dokument JSON.stringify Function (JavaScript) .

JSON-Text erstellen

Wenn Sie viele JSON-formatierte Textdateien verwenden und erstellen, können Sie einen JSON-Editor verwenden, um sie anzuzeigen, zu bearbeiten und zu formatieren.

Hier sind einige herunterladbare JSON-Editoren:

Es gibt auch Online-JSON-Editoren:

Es gibt viele kostenlose Tools, die Ihnen bei der Arbeit mit JSON-formatierten Dateien helfen. Verwenden Sie Ihren Browser, um nach anderen Anwendungen zu suchen.

Validierung von JSON-Daten

Die JSON schema definiert die Struktur von JSON-Daten und wird verwendet, um Ihre JSON-Daten zu validieren, um sicherzustellen, dass sie den von json.orgdefinierten Standards entsprechen. Es gibt Online-Tools zur Validierung Ihrer JSON-Dateien.

Hier sind einige JSON-Validatoren: