JSON-Tutorial: Lernen Sie mit einem einfachen BEISPIEL

Inhaltsverzeichnis:

Anonim

Was ist JSON?

JSON wird verwendet, um Informationen auf organisierte und leicht zugängliche Weise zu speichern. Die 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 Programmcode lautet

.json. Der Internetmedientyp für JSON ist application / json und public.json ist die einheitliche Typkennung. Die Dateinamenerweiterung lautet .json.

In dieser Einführung in JSON für Anfänger lernen Sie:

  • Was ist JSON?
  • Warum JSON verwenden?
  • Geschichte von JSON
  • Funktionen von JSON
  • Datentypen in JSON
  • Beispiel für JSON
  • Anwendung von JSON
  • JSON vs. XML
  • Was ist JSON nicht?
  • Nachteile von JSON
  • Beliebte JSON-Tools (Add-Ons)

Warum JSON verwenden?

Hier sind die wichtigen Vorteile / Vorteile der Verwendung von JSON:

  • Bieten Sie Unterstützung für alle Browser
  • Einfach 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
  • Sie können strukturierte Daten über eine Netzwerkverbindung übertragen und serialisieren.
  • Sie können es mit modernen Programmiersprachen verwenden.
  • JSON ist Text, der in ein beliebiges Objekt von JavaScript in JSON konvertiert und dieses JSON an den Server gesendet werden kann.

Geschichte von JSON

Hier sind wichtige Meilensteine, die die Geschichte von JSON bilden:

  • Douglas Crockford spezifizierte das JSON-Format in den frühen 2000er Jahren.
  • Die offizielle Website wurde im Jahr 2002 gestartet.
  • Im Dezember 2005 hat Yahoo! bietet einige seiner Webdienste in JSON an.
  • JSON wurde 2013 zum internationalen ECMA-Standard.
  • Der aktuellste JSON-Formatstandard wurde 2017 veröffentlicht.

Funktionen von JSON

‭‬ leicht zu bedienen - JSON API bietet High-Level - Fassade, die Sie häufig Gebrauch-cases.‬ verwendet zu vereinfachen hilft ‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ .

Leistung - JSON ist recht schnell, da es sehr wenig Speicherplatz benötigt, was besonders für große Objektgraphen oder -systeme geeignet ist.

Kostenloses Tool - Die JSON-Bibliothek ist Open Source und kann kostenlos verwendet werden.

Keine Zuordnung erforderlich - Die Jackson-API bietet eine Standardzuordnung für viele zu serialisierende Objekte.

Sauberes JSON - Erstellt ein sauberes und kompatibles JSON-Ergebnis, das leicht zu lesen ist.

Abhängigkeit - Die JSON-Bibliothek benötigt keine andere Bibliothek für die Verarbeitung.

Regeln für die JSON-Syntax

Regeln für die JSON-Syntax sind:

  • Die Daten sollten in Name / Wert-Paaren vorliegen
  • Daten sollten durch Kommas getrennt werden
  • Geschweifte Klammern sollten Objekte halten
  • Eckige Klammern halten Arrays

Datentypen in JSON

Wichtige in JSON verwendete Datentypen sind:

Datentyp Beschreibung
Nummer Es enthält eine reelle Zahl, eine ganze Zahl oder eine schwebende Zahl
String Es besteht aus Text oder Unicode in doppelten Anführungszeichen mit Backslash-Hemmung
Boolescher Wert Der boolesche Datentyp repräsentiert entweder True- oder False-Werte
Null Der Nullwert gibt an, dass die zugehörige Variable keinen Wert hat
Objekt Es ist eine Sammlung von Schlüssel-Wert-Paaren, die immer durch ein Komma getrennt und in geschweiften Klammern eingeschlossen sind.
Array Es ist eine geordnete Folge von getrennten Werten.

Nummer:

  • Die Zahl ist ein Gleitkommaformat mit doppelter Genauigkeit, das von der Implementierungsmethode abhängt.
  • In JSON können Sie keine Hexadezimal- und Oktalformate verwenden.

In der folgenden Tabelle werden die Nummerntypen angezeigt:

Art Beschreibung
Ganze Zahl Nummer 1-9 und 0. Sowohl positive als auch negative Zahlen.
Fraktion Brüche wie 3
Exponent Exponent wie e, e +

Syntax:

var json-object-name = { string : number_value,… }

Beispiel:

var obj = {salary: 2600}

Zeichenfolge:

Es handelt sich um eine Reihe von Unicode-Zeichen in doppelten Anführungszeichen, bei denen ein umgekehrter Schrägstrich angezeigt wird.

Die folgende Tabelle zeigt verschiedene Zeichenfolgentypen:

Art Beschreibung
* * Verwenden Sie diese Option für die Eingabe in doppelten Anführungszeichen
/. Verwenden Sie für Solidus
\. Verwenden Sie für umgekehrten Solidus
B. Verwenden Sie diese Option, um eine Rücktaste hinzuzufügen
F. Aus dem Futter
N. So erstellen Sie eine neue Zeile
R. Verwendung für Wagenrücklauf
T. Horizontale Registerkarte anzeigen
U. Hexadezimale Ziffern

Syntax:

var json-object-name = { string : "string value",… }

Beispiel:

var obj= {name: 'Andy'}

Boolescher Wert

Es werden nur wahre oder falsche Werte gespeichert.

Syntax:

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

Beispiel:

var obj = {active: 'true'}

Array

  • Es ist eine geordnete Sammlung von Werten.
  • Sie sollten ein Array verwenden, wenn die Schlüsselnamen sequentielle Ganzzahlen sind.
  • Es sollte in eckigen Klammern eingeschlossen sein, die durch ',' (Komma) getrennt sein sollten.

Syntax:

[value,… .]

Beispiel:

Anzeigen eines Arrays, in dem mehrere Objekte gespeichert sind:

{"eBooks":[{"language":"Pascal","edition":"third"},{"language":"Python","edition":"four"},{"language":"SQL","edition":"second"}]}

Objekt

  • Ein Objekt sollte in geschweiften Klammern eingeschlossen sein.
  • Es sollte eine ungeordnete Menge von Namens- oder Wertepaaren sein.
  • Auf den Namen sollte ": (Doppelpunkt) folgen, und die Name / Wert-Paare müssen mit "," (Komma) getrennt werden.
  • Sie können es verwenden, wenn Schlüsselnamen beliebige Zeichenfolgen sind.

Syntax:

{ string : value,… }

Beispiel:

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

Leerzeichen

Sie können Leerzeichen zwischen zwei Token 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 zu Programmierbüchern zusammen mit der Edition und dem Autorennamen verwendet wird.

{"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 Beispiels verstehen. Hier definiert JSON den Vor- und Nachnamen sowie die ID eines Schülers.

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

Anwendung von JSON

Hier sind einige gängige Anwendungen von JSON:

  • Hilft Ihnen beim Übertragen von Daten von einem Server
  • Das JSON-Format hilft bei der Übertragung und Serialisierung aller Arten strukturierter Daten.
  • Ermöglicht es Ihnen, asynchrone Datenaufrufe durchzuführen, ohne eine Seitenaktualisierung durchführen zu müssen
  • Hilft Ihnen bei der Übertragung von Daten zwischen einem Server und Webanwendungen.
  • Es wird häufig für JavaScript-basierte Anwendungen verwendet, die Browsererweiterungen und Websites umfassen.
  • Sie können Daten zwischen dem Server und der Webanwendung mit JSON ü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
JSON-Objekt hat einen Typ XML-Daten sind typenlos
JSON-Typen: Zeichenfolge, Nummer, 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 besser lesbar. XML-Dateien sind weniger lesbar.
JSON wird von den meisten Browsern unterstützt. Das browserübergreifende XML-Parsen kann schwierig sein
JSON verfügt über keine Anzeigefunktionen. XML bietet die Möglichkeit, Daten anzuzeigen, da es sich um eine Auszeichnungssprache handelt.
Das Abrufen von Werten ist einfach Das Abrufen von Werten ist schwierig
Unterstützt von vielen Ajax-Toolkits Wird vom Ajax-Toolkit nicht vollständig unterstützt
Eine vollautomatische Methode zum Deserialisieren / Serialisieren von JavaScript. Entwickler müssen JavaScript-Code schreiben, um aus XML zu serialisieren / de-serialisieren
Native Unterstützung für Objekte. Das Objekt muss durch Konventionen ausgedrückt werden - meist fehlende Verwendung von Attributen und Elementen.

JSON-Beispiel

{"student": [{"id":"01","name": "Tom","lastname": "Price"},{"id":"02","name": "Nick","lastname": "Thameson"}]}

XML-Beispiel

01TomPrice02NickThameson

Was ist JSON nicht?

  • JSON ist kein Dokumentformat.
  • Es ist keine Auszeichnungssprache.
  • JSON bietet kein allgemeines Serialisierungsformat.
  • Es sind keine wiederkehrenden oder zyklischen Strukturen.
  • Es ist auch keine unsichtbare Struktur.

Nachteile von JSON

Hier sind einige Vorteile von JSON:

  • Keine Namespace-Unterstützung, daher schlechte Erweiterbarkeit
  • Eingeschränkte Unterstützung für Entwicklungstools
  • Keine Unterstützung für die formale Grammatikdefinition

Beliebte JSON-Tools (Add-Ons)

Hier sind wichtige JSON-Tools:

JSONLint:

JSONLint ist ein Open-Source-Projekt, das als Validator und Reformatter für JSON verwendet wird. Es ist ein leichtes Datenaustauschformat. Kopieren Sie die URL des JSON-Validierungswerkzeugs und geben Sie sie 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. Sie können JSON bearbeiten, anzeigen und formatieren. Es zeigt Ihre Daten nebeneinander in einer übersichtlichen, bearbeitbaren Code-Editor-Software an.

Link: https://jsoneditoronline.org/

JSON Minifier Tool:

Es ist ein Tool, mit dem Sie Leerzeichen entfernen und einen JSON-Code bereitstellen können, der am wenigsten Speicherplatz benötigt.

Link: https://www.browserling.com/tools/json-minify

JSON to XML Converter:

Der JSON-zu-XML-Konverter ist ein einfaches und effektives Tool, mit dem Sie Ihren JSON-Code konvertieren können.

Link: https://codebeautify.org/jsontoxml

JSON-Formatierer:

Der JSON-Formatierer hilft Ihnen bei der Lösung des Problems, indem er die JSON-Daten so formatiert, dass sie von einem Menschen leicht gelesen und debuggt werden können.

Link: https://jsonformatter.curiousconcept.com/

Zusammenfassung:

  • Die JSON-Methode wird verwendet, um Informationen auf organisierte und leicht zugängliche Weise zu speichern.
  • JSON Bietet Unterstützung für alle Browserangebote in vielen Sprachen.
  • Douglas Crockford spezifizierte das JSON-Format in den frühen 2000er Jahren
  • Die JSON-API bietet eine Fassade auf hoher Ebene, mit der Sie häufig verwendete Anwendungsfälle vereinfachen können
  • Die wichtigen Regeln für das Schreiben des JSON-Systems lauten, dass Daten in Name / Wert-Paaren geschrieben werden sollten.
  • Number, String, Boolean, Null, Object und Array sind wichtige Datentypen, die in JSON verwendet werden.
  • Es hilft Ihnen, Daten von einem Server zu übertragen.
  • JSON-Objekt hat einen Typ, während XML-Daten typenlos sind
  • JSON ist kein Dokumentformat
  • Keine Namespace-Unterstützung, daher schlechte Erweiterbarkeit
  • JSONLint ist ein Open-Source-Projekt, das als Validator und Reformatter für JSON verwendet wird.