Was ist JSON? Wissen, wie es mit Beispielen funktioniert

Die Extensible Markup Language (XML) wurde als einzige Wahl für den offenen Datenaustausch angesehen. Die Entwicklungen beim offenen Datenaustausch haben jedoch zu mehr Optionen für geführt . Kommen wir also in der folgenden Reihenfolge zu Was ist JSON und wie unterscheidet es sich von JavaScript?

• Was ist JSON?
• Warum verwenden wir JSON?
• JSON vs XML
• Syntaxregeln
• JSON-Grundlagen
• Konvertieren Sie das JSON-Objekt in JS-Text

Was ist JSON?

JavaScript-Objekt-Notation ( JSON ) ist eine Möglichkeit, Informationen auf organisierte und einfache Weise zu speichern. Die Daten müssen beim Austausch zwischen einem Browser und einem Server in Form eines Textes vorliegen. Sie können alle konvertieren JavaScript-Objekt in JSON und senden Sie JSON an den Server.

Sie können auch jeden vom Server empfangenen JSON in konvertieren Objekte. Es hilft bei der Arbeit mit den Daten als JavaScript-Objekte, ohne komplizierte Analyse und Übersetzungen.

Nachdem Sie nun wissen, was JSON ist, wollen wir uns ansehen, warum wir es verwenden müssen und welche Vorteile die Verwendung von JSON bietet.

Warum verwenden wir JSON?

JSON ist Leicht und Einfach zu verwenden im Vergleich zu anderen offenen Datenaustauschoptionen. Dies ist jedoch nicht der einzige Grund, warum Sie es für Ihre API-Integration verwenden sollten. Aufgrund der folgenden Vorteile wird es anderen Optionen vorgezogen:

Weniger ausführlich - Es hat mehr kompakter Stil im Vergleich zu XML. Dies macht es lesbarer. Das Leicht Ansatz von JSON kann bei der Arbeit mit komplexen Systemen erhebliche Verbesserungen erzielen.

Schneller - Der Parsing-Prozess für XML-Software ist langsamer als bei JSON. Dies liegt daran, dass die DOM-Manipulationsbibliotheken mehr Speicher benötigen, um große XML-Dateien verarbeiten zu können. JSON verwendet andererseits weniger Daten das reduziert die Kosten und erhöht die Analysegeschwindigkeit .

Lesbar - Die Struktur von JSON ist einfach und leicht lesbar . Unabhängig von der Programmiersprache, mit der Sie arbeiten, können Sie Domänenobjekten leichter zuordnen.

Strukturierte Daten - JSON verwendet a Kartendatenstruktur Während XML eine Baumstruktur hat. Die Schlüssel- oder Wertepaare können Ihre Aufgabe einschränken, Sie erhalten jedoch ein vorhersehbares und leicht verständliches Datenmodell.

JSON vs XML

Beide XML und JSON sind heute weit verbreitet. Sie sind benutzt als Datenaustauschformate und beide wurden von Anwendungen als Methode zum Speichern strukturierter Daten übernommen. Schauen wir uns die Unterschiede zwischen den beiden an:

JSON Beispiel-

{'Mitarbeiter': [{'Name': 'Lisa', 'E-Mail': 'lisa101@xyz.com'}, {'Name': 'Neil', 'E-Mail': 'neilps@xyz.com'}, {'name': 'Jai', 'email': 'jai87@xyz.com'}]}

XML Beispiel-

Lisa lisa101@xyz.com Neil neilps@xyz.com Jai jai87@xyz.com

Syntaxregeln

Das JSON Syntax ist a Teilmenge des JavaScript Syntax. Die Syntax leitet sich von der JavaScript-Objektnotationssyntax ab und besteht aus den folgenden Regeln:

• Daten werden geschrieben Name oder Wert Paare.
• Daten sind getrennt durch Kommas.
• Lockig Hosenträger halt die Objekte.
• Eckige Klammern halt die Arrays.

Das JSON-Format ist JavaScript-Objekten sehr ähnlich. Hier müssen Schlüssel Zeichenfolgen sein, die mit doppelten Anführungszeichen geschrieben sind, wie z.

{'name': 'Susan'}

JSON-Grundlagen

Im JSON , Werte muss einer der folgenden Datentypen sein:

• String
• Nummer
• Objekt (JSON-Objekt)
• Arrays
• Boolescher Wert
• Null

String

Im JSON , Schlüssel müssen Zeichenfolgen sein, die mit doppelten Anführungszeichen geschrieben sind:

{'name': 'Mary'}

Im JavaScript Schlüssel können Zeichenfolgen, Zahlen oder Bezeichnernamen sein:

C ++ - Arraysortierung

{Name: 'Mary'}

Objekte

JSON-Objekte sind von geschweiften Klammern {} umgeben. Sie werden wie folgt in Schlüssel- oder Wertepaaren geschrieben:

{'Name': 'Lisa', 'Alter': 23, 'Auto': BMW}

Arrays

Arrays in JSON sind fast identisch mit Arrays in JavaScript. In JSON sind Array-Werte vom Typ Zeichenfolge, Nummer, Objekt, Array, Boolescher Wert oder Null. In JavaScript können Array-Werte alle oben genannten Werte sowie alle anderen gültigen JavaScript-Ausdrücke enthalten, einschließlich Funktionen, Datumsangaben und undefiniert.

Arrays in JSON können Werte einer Objekteigenschaft sein. Es ist definiert als:

{'Name': 'Lisa', 'Alter': 23, 'Autos': ['Ford', 'BMW', 'Fiat']}

Konvertieren Sie das JSON-Objekt in JavaSCript-Text

JSON wird häufig verwendet Daten lesen von einem Webserver und zeigen Sie die Daten auf einer Webseite an. Dies kann auch anhand einer Zeichenfolge als Eingabe demonstriert werden.

Nehmen wir ein Beispiel und schauen wir uns an, wie JSON-Objekte mithilfe der Funktion in Javascript-Text konvertiert werden können JSON.parse ():

 
Konvertieren von JSON-Text in ein Javascript-Objekt
  JSON-Objekt:   Verwendung des Javascript-Objekts: var jsonobj = '{' name ':' Josh Huan ',' employeeID ':' 1107 ',' age ': 25}' // Hier konvertieren wir JSON in das Objekt var obj = JSON.parse (jsonobj) document.getElementById ( 'Beispiel1'). innerHTML = obj.name + ', mit Mitarbeiter-ID' + obj.employeeID + 'und Alter' + obj.age document.getElementById ('Beispiel'). innerHTML = jsonobj

Es konvertiert die Objekte in Texte und gibt Folgendes an Ausgabe ::

Damit sind wir am Ende unseres Artikels angelangt. Ich hoffe, Sie haben verstanden, was JSON ist und warum wir dies verwenden müssen.

Nachdem Sie nun wissen, was JSON ist, lesen Sie die von Edureka. Mithilfe der Schulung zur Webentwicklungszertifizierung erfahren Sie, wie Sie mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs beeindruckende Websites erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'Was ist JSON?' und wir werden uns bei Ihnen melden.