Wie man mit JSON in JavaScript arbeitet?

JSON steht für JavaScript-Object-Notation und ist der am häufigsten verwendete strukturierte Datentyp zum Übertragen von Daten im Internet. JSON basiert auf JavaScript-Objekten, ist aber sprachunabhängig; Das bedeutet, dass es in fast jeder modernen Programmiersprache verwendet werden kann.

JSON -grasisches Intro

JSON ist die textuelle Darstellung von Daten, die es einfach macht, Daten mit wirklich hohen Geschwindigkeiten zu übertragen. In JSON unterscheiden Sie einen Schlüssel und Wert, indem Sie einen Dickdarm „:“ unter sich stellen, und Sie legen ein Komma zwischen verschiedenen Schlüsselwertpaaren. Darüber hinaus sind die Key = Value -Paare im Inneren eingeschlossen geschweifte Klammern:

Syntax von JSON

Die Syntax von JSON ist ziemlich einfach, sie folgt wie folgt:

Key1: Wert,
Key2: Wert

Arbeiten mit JSON

Um mit JSON in JavaScript zu arbeiten, wird der JSON zuerst in einer Variablen gespeichert, um es zu einem JSON -Objekt zu machen.

Stellen Sie sich beispielsweise vor, Sie haben eine JSON -Daten einer Person, die die folgenden Informationen enthält wie:

FirstName: "John",
LastName: "Doe",
Alter: 22,
Stadt: "Newyork",

Um es in ein verwendbares Objekt in JavaScript umzuwandeln, setzen wir es einfach einem Objekt mit dem folgenden Code ein:

const person =
FirstName: "John",
LastName: "Doe",
Alter: 22,
Stadt: "Newyork",
;

Wie Sie sehen können, haben Sie eine Variable erstellt Person Das enthält nun ein Objekt mit den Informationen über diese Person wie FirstName, Lastname usw.; Um sicherzustellen, dass wir es in JavaScript verwenden können, drucken wir dieses Objekt einfach mit dem Bildschirm auf den Bildschirm Konsole.Protokoll() Funktion:

Konsole.Protokoll (Person);

Der komplette Code -Snippet wäre:

const person =
FirstName: "John",
LastName: "Doe",
Alter: 22,
Stadt: "Newyork",
;
Konsole.Protokoll (Person);

Wenn Sie diesen Code ausführen, sehen Sie die folgende Ausgabe:

Wie Sie auf Ihrer Konsole sehen können, können wir sehen, dass ein Objekt gedruckt wird. Dies liegt daran, dass wir ein Objekt erstellt haben, indem wir es gleich einer Variablen festlegen.

Zugriff auf Wert von einem JSON -Objekt

Um auf die Werte aus dem JSON -Objekt zuzugreifen, verwenden Sie die Dot-Operator mit dem Namen der “Taste”.

Verwenden Sie die folgende Zeile, wenn Sie den obigen JSON -Objekt nehmen, wenn Sie den Vornamen ausdrucken möchten:

Konsole.Protokoll (Person.Vorname);

Sie sehen die folgende Ausgabe:

Sie können den vollständigen Namen sogar mit der folgenden Zeile ausdrucken:

Konsole.Protokoll(
"Der vollständige Name der Person ist als:" + Person.FirstName + Person.Familienname, Nachname
);

Sie erhalten die folgende Ausgabe:

Wie Sie sehen können, haben wir den Vornamen und den Nachnamen verkettet und auf der Konsole angezeigt.

Auf diese Weise können Sie auf JSON-Schlüsselwertpaare zugreifen.

Anhang im JSON -Objekt

Wenn Sie einen Wert in einem JSON -Objekt anhängen möchten, können Sie dies mit dem verwenden Dot-Operator. Geben Sie zunächst nach dem Punkt den „Schlüssel“ an und setzen Sie ihn gleich seinem Wert, wie in der folgenden Syntax gezeigt:

JsonObject.NewKey = Wert;

Falls Sie die Aufgabe der Person in dem im obigen Beispiel erwähnten Objekt hinzufügen möchten, können Sie dies mit der folgenden Codezeile verwenden:

Person.Job = "Auditor";
Konsole.Protokoll (Person.Arbeit);

Der komplette Ausschnitt lautet wie:

const person =
FirstName: "John",
LastName: "Doe",
Alter: 22,
Stadt: "Newyork",
;
Konsole.Protokoll(
"Der vollständige Name der Person ist als:" + Person.FirstName + Person.Familienname, Nachname
);
Person.Job = "Auditor";
Konsole.log ("und der Job der Person ist:");
Konsole.Protokoll (Person.Arbeit);

Wenn Sie das obige Code -Snippet ausführen, erhalten Sie die folgende Ausgabe auf Ihrem Bildschirm:

Wie Sie sehen können, die Arbeit war zunächst nicht Teil des JSON -Objekts, aber Sie konnten es in das JSON -Objekt anhängen und es auch in die Konsole ausdrucken.

Konvertieren des JSON -Objekts in String -Objekt

Wie oben erwähnt, wird JSON als Textdaten übertragen. Wenn Sie also ein JSON -Objekt in ein String -Objekt konvertieren möchten, können Sie dies mit der Methode tun:

JSON.Stringify (Objekt);

Wenn Sie das oben genannte Objekt in eine Zeichenfolge konvertieren und auf der Konsole drucken möchten, können Sie dies mit den folgenden Codezeilen tun:

Konsole.Protokoll (JSON.Stringify (Person));

Wenn Sie den Code ausführen, erhalten Sie die folgende Ausgabe auf Ihrem Bildschirm:

Wie Sie sehen können, wurde das JSON -Objekt in ein String -Objekt umgewandelt. Dies ist sehr vorteilhaft, um Daten über das Internet mit wirklich hohen Geschwindigkeiten zu übertragen.

Abschluss

JSON ist die weltweit am weitesten verbreitete Datenübertragungsstruktur, weil es wirklich hellgroß und leicht zu übertragen ist. JSON basiert auf der Syntax eines normalen JS-Objekts, unterscheidet sich jedoch völlig vom JS-Objekt, da ein Objekt eine Methode darin haben kann. Es ist jedoch nicht auf JavaScript beschränkt, JSON ist in fast jeder Programmiersprache verfügbar. Wir haben von JSON, seiner Verwendung, wie man mit JSON innerhalb von JavaScript, wie man auf JSON -Werte zugreift, und wie man sich in ein JSON -Objekt angehängt hat, gelernt. Zuletzt haben wir gelernt, wie man ein JSON -Objekt in ein String -Objekt umwandelt.