JSON-Tutorial: Lernen anhand eines einfachen Beispiels
⚡ Intelligente Zusammenfassung
JSON, kurz für JavaScript Object Notation (SON) ist ein leichtgewichtiges, lesbares Format zum Speichern und Austauschen strukturierter Daten zwischen Servern und Anwendungen. Diese Ressource erläutert die Syntax, die Datentypen, Anwendungsbeispiele und die Unterschiede zu XML.
Was ist JSON?
JSON ist ein Dateiformat, das zum organisierten und leicht zugänglichen Speichern von Informationen verwendet wird. Seine vollständige Form lautet JavaScript Object Notation. Es bietet eine menschenlesbare Sammlung von Daten, auf die logisch zugegriffen werden kann. Die Dateinamenerweiterung für geschriebenen Programmcode lautet .json. Der Internet-Medientyp für JSON ist application/json und sein Uniform Type Identifier ist public.json.
Nachdem die Definition nun klar ist, erklärt der nächste Abschnitt, warum Entwickler JSON anderen Datenformaten vorziehen.
Warum JSON verwenden?
Hier sind die wichtigen Vorteile/Vorteile der Verwendung von JSON:
- Bietet Unterstützung für alle Browser
- Leicht zu lesen und zu schreiben
- Einfache Syntax
- Sie können nativ analysieren in JavaSkript mit der Funktion eval()
- Einfach zu erstellen und zu bearbeiten
- Unterstützt von allen großen JavaSkript-Frameworks
- Unterstützt von den meisten Backend-Technologien
- JSON wird nativ erkannt von JavaSkript
- Es ermöglicht es Ihnen transmit und serialisieren strukturierte Daten mithilfe einer Netzwerkverbindung.
- Sie können es mit modernen Programmiersprachen verwenden.
- JSON ist Text, der in jedes beliebige Objekt konvertiert werden kann JavaErstellen Sie ein Skript in JSON und senden Sie dieses JSON an den Server.
Geschichte von JSON

Hier sind wichtige Meilensteine, die die Geschichte von JSON prägen:
- Douglas Crockford hat das JSON-Format Anfang der 2000er Jahre spezifiziert.
- Die offizielle Website wurde 2002 gestartet.
- Im Dezember 2005 hat Yahoo! beginnt damit, einige seiner Webdienste in JSON anzubieten.
- JSON wurde 2013 zum internationalen ECMA-Standard.
- Der aktuellste JSON-Formatstandard wurde 2017 veröffentlicht.
Über diesen zeitlichen Rahmen hinaus bietet JSON auch eine Reihe praktischer Funktionen, die seine anhaltende Popularität erklären.
Funktionen von JSON
Einfach zu bedienen: – Die JSON-API bietet eine High-Level-Fassade, die Ihnen hilft, häufig verwendete Anwendungsfälle zu vereinfachen.
Leistung – JSON ist recht schnell, da es sehr wenig Speicherplatz verbraucht, was besonders für große Objektdiagramme oder Systeme geeignet ist.
Kostenloses Werkzeug – Die JSON-Bibliothek ist Open Source und kann kostenlos verwendet werden.
Es ist nicht erforderlich, eine Karte zu erstellen.ping – Die Jackson-API stellt eine Standardkarte bereit.ping für viele zu serialisierende Objekte.
Bereinigen Sie JSON – Erstellt saubere und kompatible JSON-Ergebnisse, die leicht zu lesen sind.
Abhängigkeit – Für die Verarbeitung der JSON-Bibliothek ist keine andere Bibliothek erforderlich.
Regeln für die JSON-Syntax
Regeln für die JSON-Syntax sind:
- Die Daten sollten in Name/Wert-Paaren vorliegen
- Die Daten sollten durch Kommas getrennt werden
- Geschweifte Klammern sollen Gegenstände halten
- Eckige Klammern halten Arrays
Datentypen in JSON
Nachdem die Syntaxregeln festgelegt wurden, listet die folgende Tabelle die wichtigsten Datentypen auf, die in JSON verwendet werden:
| Dateityp | Beschreibung |
|---|---|
| Nummer | Es umfasst reelle Zahlen, Ganzzahlen oder Gleitkommazahlen |
| Schnur | Es besteht aus beliebigem Text oder Unicode in Anführungszeichen mit Backslash-Escapement |
| Boolean | Der boolesche Datentyp repräsentiert entweder True- oder False-Werte |
| Null | Der Nullwert gibt an, dass die zugehörige Variable keinen Wert hat |
| Betreff | Es handelt sich um eine Sammlung von Schlüssel-Wert-Paaren, die immer durch Kommas getrennt und in geschweifte Klammern eingeschlossen sind. |
| Feld | Es handelt sich um eine geordnete Folge getrennter Werte. |
Nummer
- Die Zahl liegt im Gleitkommaformat mit doppelter Genauigkeit vor, je nach Implementierungsmethode.
- In JSON können Sie keine Hexadezimal- und Oktalformate verwenden.
Die folgende Tabelle zeigt die Nummerntypen:
| Typ | Beschreibung |
|---|---|
| ganze Zahl | Zahlen 1–9 und 0. Sowohl positive als auch negative Zahlen. |
| Bruchteil | Brüche wie 3 |
| Exponent | Exponent wie e, e+ |
Syntax:
var json-object-name = { string : number_value,......}
Ejemplo:
var obj = {salary: 2600}
Schnur
Es handelt sich um eine Folge von Unicode-Zeichen in doppelten Anführungszeichen, die mit einem Backslash abgeschlossen werden.ping.
Die folgende Tabelle zeigt verschiedene Zeichenfolgentypen:
| Typ | Beschreibung |
|---|---|
| * | Verwenden Sie für doppelte Anführungszeichen typing |
| / | Verwendung für Solidus |
| \ | Verwendung für umgekehrten Solidus |
| B | Zum Hinzufügen der Rücktaste verwenden |
| F | Aus dem Futter |
| N | Um eine neue Zeile zu erstellen |
| R | Für Wagenrücklauf verwenden |
| T | Zum Anzeigen der horizontalen Registerkarte |
| U | Hexadezimale Ziffern |
Syntax:
var json-object-name = { string : "string value",…..}
Ejemplo:
var obj = {name: 'Andy'}
Boolean
Es speichert nur wahre oder falsche Werte.
Syntax:
var json-object-name = {string : true/false, …..}
Ejemplo:
var obj = {active: 'true'}
Feld
- Es handelt sich um eine geordnete Sammlung von Werten.
- Sie sollten ein Array verwenden, wenn die Schlüsselnamen aufeinanderfolgende Ganzzahlen sind.
- Es sollte in eckige Klammern eingeschlossen werden, die durch ',' (Komma) getrennt sein sollten.
Syntax:
[value, .......]
Ejemplo:
Zeigt ein Array, das mehrere Objekte speichert:
{
"eBooks":[
{
"language":"Pascal",
"edition":"third"
},
{
"language":"Python",
"edition":"four"
},
{
"language":"SQL",
"edition":"second"
}
]
}
JSON-Objekt
A JSON-Objekt ist eine Entität in JSON, die in geschweifte Klammern eingeschlossen ist. Sie wird in der ungeordneten Menge von Name- und Wertepaaren geschrieben, wobei auf den Namen ein „:“ (Doppelpunkt) folgen sollte und die Name-/Wertpaare durch „,“ (Komma) getrennt werden müssen. Sie kann verwendet werden, wenn Schlüsselnamen beliebige Zeichenfolgen sind.
Syntax:
{ string : value, ….. }
Ejemplo:
{
"id": 110,
"language": "Python",
"price": 1900,
}
Leerzeichen
Sie können Leerzeichen zwischen einem Tokenpaar einfügen.
Ejemplo:
Syntax:
{string:" ",….}
Ejemplo:
var a = " Alex"; var b = "Steve";
Beispiel für JSON
Das angegebene Codebeispiel definiert, wie JSON zum Speichern von Informationen verwendet wird Programmierbücher zusammen mit Edition und Autorenname.
{
"book":[
{
"id":"444",
"language":"C",
"edition":"First",
"author":"Dennis Ritchie "
},
{
"id":"555",
"language":"C++",
"edition":"second",
"author":" Bjarne Stroustrup "
}
]
}
Lassen Sie uns das JSON-Format anhand eines anderen JSON-Dateibeispiels verstehen. Hier definiert JSON den Vornamen, Nachnamen und die ID eines Schülers.
{
"student": [
{
"id":"01",
"name": "Tom",
"lastname": "Price"
},
{
"id":"02",
"name": "Nick",
"lastname": "Thameson"
}
]
}
Anwendung von JSON
Hier sind einige häufige Anwendungen von JSON:
- Hilft Ihnen, Daten von einem Server zu übertragen
- Das Beispiel-JSON-Dateiformat hilft dabei transmit und serialisieren Sie alle Arten von strukturierten Daten.
- Ermöglicht Ihnen, asynchrone Datenaufrufe durchzuführen, ohne dass eine Seitenaktualisierung erforderlich ist
- Hilft dir dabei transmit Datenaustausch zwischen einem Server und Webanwendungen.
- Es wird häufig verwendet für JavaSkriptbasierte Anwendung, die Browsererweiterungen und Websites umfasst.
- Nutze einfach das transmit Datenübertragung zwischen Server und Webanwendung mittels JSON.
- Wir können JSON mit modernen Programmiersprachen verwenden.
- Es wird zum Schreiben verwendet JavaSkriptbasierte Anwendungen, die Browser-Add-Ons enthalten.
- Webdienste und Restful APIs verwenden das JSON-Format, um öffentliche Daten abzurufen.
Da JSON so weit verbreitet ist, wird es oft mit XML verglichen, dem Format, das es häufig ersetzt.
JSON vs. XML
Hier ist der Hauptunterschied zwischen JSON und XML
| JSON | XML |
|---|---|
| Das JSON-Objekt hat einen Typ | XML Daten sind typlos |
| JSON-Typen: Zeichenfolge, Zahl, Array, Boolescher Wert | Alle XML-Daten sollten Zeichenfolgen sein |
| Daten sind als JSON-Objekte leicht zugänglich | XML-Daten müssen analysiert werden. |
| JSON-Dateien sind für Menschen besser lesbar. | XML-Dateien sind für Menschen weniger lesbar. |
| JSON wird von den meisten Browsern unterstützt. | Das browserübergreifende XML-Parsing kann schwierig sein |
| JSON verfügt über keine Anzeigefunktionen. | XML bietet die Möglichkeit, Daten anzuzeigen, da es eine Auszeichnungssprache ist. |
| Werte abzurufen ist einfach | Es ist schwierig, Werte abzurufen |
| Unterstützt von vielen Ajax-Toolkits | Wird vom Ajax-Toolkit nicht vollständig unterstützt |
| Eine vollautomatische Methode zur Deserialisierung/Serialisierung JavaSkript. | Entwickler müssen schreiben JavaSkriptcode zum Serialisieren/Deserialisieren von XML |
| Native Unterstützung für Objekte. | Das Objekt muss durch Konventionen ausgedrückt werden – meist wird die Verwendung von Attributen und Elementen vernachlässigt. |
JSON-Beispiel
Unten finden Sie ein einfaches JSON-Beispiel:
{
"student": [
{
"id":"01",
"name": "Tom",
"lastname": "Price"
},
{
"id":"02",
"name": "Nick",
"lastname": "Thameson"
}
]
}
XML-Beispiel
<?xml version="1.0" encoding="UTF-8" ?> <root> <student> <id>01</id> <name>Tom</name> <lastname>Price</lastname> </student> <student> <id>02</id> <name>Nick</name> <lastname>Thameson</lastname> </student> </root>
Was ist JSON nicht?
- Die JSON-Beispieldatendatei ist kein Dokumentformat.
- Es handelt sich nicht um eine Auszeichnungssprache.
- JSON bietet kein allgemeines Serialisierungsformat.
- Es handelt sich nicht um wiederkehrende oder zyklische Strukturen.
- Es handelt sich auch nicht um eine unsichtbare Struktur.
Nachteile von JSON
Hier sind einige Vorteile von JSON:
- Keine Namespace-Unterstützung, daher schlechte Erweiterbarkeit
- Begrenzt Entwicklungswerkzeuge Unterstützung
- Keine Unterstützung für formale Grammatikdefinition
Beliebte JSON-Tools (Add-ons)
Hier sind wichtige JSON-Tools:
JSONLint:
JSONLint ist ein Open-Source-Projekt, das als Validator und Formatierer für JSON dient. Es handelt sich um ein leichtgewichtiges Datenaustauschformat. Kopieren und Einfügen, direktes Eingeben oder Eingabe URL im JSON-Validierungstool, um Ihren JSON-Code zu validieren.
Link: https://jsonlint.com
JSON-Editor online:
JSON Editor Online ist ein nützliches webbasiertes Tool. Es ermöglicht Ihnen, JSON zu bearbeiten, anzuzeigen und zu formatieren. Es zeigt Ihre Daten übersichtlich und bearbeitbar nebeneinander an Code-Editor-Software.
Link: https://jsoneditoronline.org/
JSON-Minifier-Tool:
Es handelt sich um ein Tool, das Ihnen dabei hilft, Leerzeichen zu entfernen und einen JSON-Code bereitzustellen, der am wenigsten Platz beansprucht.
Link: https://www.browserling.com/tools/json-minify
JSON-zu-XML-Konverter:
Der JSON-zu-XML-Konverter ist ein einfaches und effektives Tool, das Ihnen bei der Konvertierung Ihres JSON-Codes hilft.
Link: https://codebeautify.org/jsontoxml
JSON-Formatierer:
Der JSON-Formatierer hilft Ihnen, das Problem zu lösen, indem er die JSON-Daten so formatiert, dass sie für einen Menschen leicht zu lesen und zu debuggen sind.
Link: https://jsonformatter.curiousconcept.com/

