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 ist die JavaScript-Objektnotation. Es bietet eine für Menschen lesbare Sammlung von Daten, auf die logisch zugegriffen werden kann. Die Dateinamenerweiterung für geschriebenen Programmiercode 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 JavaScript nativ mit der Funktion eval() analysieren
  • Einfach zu erstellen und zu bearbeiten
  • Unterstützt von allen wichtigen JavaScript-Frameworks
  • Unterstützt von den meisten Backend-Technologien
  • JSON wird nativ von JavaScript erkannt
  • Es ermöglicht die Übertragung und Serialisierung strukturierter Daten über eine Netzwerkverbindung.
  • Sie können es mit modernen Programmiersprachen verwenden.
  • JSON ist Text, der jedes JavaScript-Objekt in JSON konvertieren und diesen JSON an den Server senden kann.

Geschichte von JSON

Geschichte von JSON
JSON-Tutorial

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

Installation – 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
  • Quadratische Form brackets Arrays halten

Datentypen in JSON

Wichtige in JSON verwendete Datentypen sind:

Dateityp Beschreibung
Nummer Es umfasst reelle Zahlen, Ganzzahlen oder Gleitkommazahlen
Schnur Es besteht aus einem beliebigen Text oder Unicode double-zitiert mit Backslash-Hemmung
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 ein Komma getrennt und in „Curly“ eingeschlossen sind brackets.
Feld Es handelt sich um eine geordnete Folge getrennter Werte.

Nummer

  • Die Zahl ist a double-Präzisions-Gleitkommaformat, das von seiner Implementierungsmethode abhängt.
  • In JSON können Sie keine Hexadezimal- und Oktalformate verwenden.

Following Die Tabelle zeigt die Nummerntypen an:

Art 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,......}

Beispiel:

var obj = {salary: 2600}

Schnur

Es ist eine Reihe von doubleIn Anführungszeichen gesetzte Unicode-Zeichen und Backslash-Escapezeichen.

Die folgendenwing Die Tabelle zeigt verschiedene String-Typen:

Art Beschreibung
* Verwenden für double Zitateingabe
/ 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",…..}

Beispiel:

var obj= {name: 'Andy'}

Boolean

Es speichert nur wahre oder falsche Werte.

Syntax:

var json-object-name = {string : true/false, …..}

Beispiel:

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 innerhalb eines Quadrats eingeschlossen sein brackets die durch „,“ (Komma) getrennt werden sollten

Syntax:

[value, .......]

Beispiel:

Showing 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 „Curly“ eingeschlossen ist brackets. Es wird in der ungeordneten Menge von Namens- und Wertpaaren geschrieben, wobei auf den Namen ein „:“ (Doppelpunkt) folgen sollte und die Namens-/Wertpaare durch „“, (Komma) getrennt werden müssen. Es kann verwendet werden, wenn Schlüsselnamen beliebige Zeichenfolgen sind.

Syntax:

{ string :  value, ….. }

Beispiel:

{
"id": 110,
"language": "Python",
"price": 1900,
}

Leerzeichen

Sie können Leerzeichen zwischen einem Tokenpaar einfügen.

Beispiel:

Syntax:

{string:"    ",….}

Beispiel:

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 die Durchführung von asyncchronologische Datenaufrufe, ohne dass eine Seitenaktualisierung erforderlich ist
  • Hilft Ihnen, Daten zwischen einem Server und Webanwendungen zu übertragen.
  • Es wird häufig für JavaScript-basierte Anwendungen verwendet, darunter Browsererweiterungen und Websites.
  • Mit JSON können Sie Daten zwischen Server und Webanwendung übertragen.
  • Wir können JSON mit modernen Programmiersprachen verwenden.
  • Es wird zum Schreiben von JavaScript-basierten Anwendungen verwendet, 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 von JavaScript. Entwickler müssen JavaScript-Code schreiben, um XML zu serialisieren/de-serialisieren
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
  • Limitiert Entwicklungswerkzeuge Support
  • 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 JavaScript Object Notation.
  • 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.