JSON-Tutorial: Lernen mit dem einfachen Dateiformat BEISPIEL
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.
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 die รbertragung und Serialisierung strukturierter Daten รผber eine 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.
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 Zuordnung zu erstellen โ Die Jackson-API bietet eine Standardzuordnung 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
Wichtige in JSON verwendete Datentypen sind:
| 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 dabei um eine Reihe von Unicode-Zeichen in doppelten Anfรผhrungszeichen mit Backslash-Schutz.
Die folgende Tabelle zeigt verschiedene Zeichenfolgentypen:
| Typ | Beschreibung |
|---|---|
| * | Fรผr die Eingabe von doppelten Anfรผhrungszeichen verwenden |
| / | 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 bei der รbertragung und Serialisierung aller Arten strukturierter Daten.
- Ermรถglicht Ihnen, asynchrone Datenaufrufe durchzufรผhren, ohne dass eine Seitenaktualisierung erforderlich ist
- Hilft Ihnen, Daten zwischen einem Server und Webanwendungen zu รผbertragen.
- Es wird hรคufig verwendet fรผr JavaSkriptbasierte Anwendung, die Browsererweiterungen und Websites umfasst.
- Mit JSON kรถnnen Sie Daten zwischen Server und Webanwendung รผbertragen.
- 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.
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 Neuformatierer fรผr JSON verwendet wird. Es handelt sich um ein leichtes Datenaustauschformat. Kopieren Sie die URL und fรผgen Sie sie in das JSON-Validierungstool ein, geben Sie sie direkt ein oder geben Sie sie ein, 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/
Zusammenfassung
- Die JSON-Methode wird verwendet, um Informationen organisiert und leicht zugรคnglich zu speichern.
- JSON steht fรผr JavaSkriptobjektnotation.
- JSON Bietet Unterstรผtzung fรผr alle Browserangebote in vielen Sprachen.
- Douglas Crockford hat das JSON-Format Anfang der 2000er Jahre spezifiziert
- Die JSON-API bietet eine High-Level-Fassade, die Ihnen hilft, hรคufig verwendete Anwendungsfรคlle zu vereinfachen
- Die wichtigen Regeln fรผr das Schreiben eines JSON-Systems bestehen darin, dass Daten in Name/Wert-Paaren geschrieben werden sollten.
- Zahl, Zeichenfolge, Boolescher Wert, Null, Objekt und Array sind wichtige Datentypen, die in JSON verwendet werden.
- Es hilft Ihnen, Daten von einem Server zu รผbertragen.
- JSON-Objekte haben einen Typ, wรคhrend XML-Daten typlos sind
- JSON ist kein Dokumentformat
- Keine Namespace-Unterstรผtzung, daher schlechte Erweiterbarkeit
- JSONLint ist ein Open-Source-Projekt, das als Validator und Neuformatierer fรผr JSON verwendet wird.
