So lesen, schreiben und analysieren Sie JSON in JavaScript

Die vollständige Form für JSON ist JavaScript -Objektnotation und stammt aus der JavaScript -Programmiersprache. Ein Standardtextformat, das die strukturierten Daten definiert, basiert auf der JavaScript -Objektsyntax. Die Übertragung von Daten in Webanwendungen findet über JSON statt. Haben Sie von JavaScript Object Literal Syntax gehört? Ja, JSON ähnelt es in enger Weise. Wir sind nicht darauf beschränkt, es immer mit JavaScript zu verwenden.

JSON gegen JavaScript. Wie man sie vergleichen?

Es gibt keine Unklarheit, dass JSON wie JavaScript aussieht, aber der einfachste Weg, JSON zu denken, ist als Datenformat in Ähnlichkeit mit einer Textdatei. Da JSON von der JavaScript -Syntax inspiriert ist, ist dies der Grund, warum sie beide ähnlich aussehen.

Merkmale von JSON

• Ein federleitendes Format wird zum Austausch von Daten verwendet
• Der einfache Text, der in JavaScript -Objektnotation geschrieben wird
• Der Zweck des Sendens der Daten zwischen Computern wird über JSON erreicht.
• Es ist sprachunabhängig, sodass Sie bei JSON keine Sorgen um Sprachkompatibilität machen müssen.

Format von JSON

Das JSON -Format basiert vollständig auf Text und wird von der JavaScript -Objektsyntax abgeleitet. Wenn Sie mit JSON zu tun haben, werden Sie sich sicherlich mit dem befassen .JSON -Datei, hier werden die JSON -Objekte platziert, können aber auch im Kontext eines Programms als JSON -Objekt oder String existieren.

Wann immer Sie mit einem zu tun haben .JSON -Datei sehen Sie Folgendes an:

"FirstName": "John",
"LastName": "Doe",
"Online": wahr

Im Fall, wenn Sie mit einem interagieren .JS oder .HTML -Datei, in der ein JSON -Objekt platziert ist, sehen Sie Folgendes:

JSON in Stringform

var userername = '"FirstName": "John",
"LastName": "Doe",
"Ort": "New York" ';

So lesen/schreiben Sie Dateien in JavaScript

NodeJS bietet uns ein Modul mit einer Reihe von Funktionen wie Lesen von Dateien, Schreibdateien usw. Es verfügt über viele andere Tools, die uns bei der Arbeit mit dem Dateisystem helfen. Es ist als "Browserify-FS" bekannt.

Nachdem wir wissen, was „Browserify-FS“ ist, lassen wir es installieren. Verwenden Sie den folgenden Befehl in Ihrem Editor, um "Browserify-FS" zu installieren.

> npm browserify-fs installieren

Wenn es erfolgreich installiert ist, importieren Sie das Browserify-FS-Modul in das erforderliche Programm. Wir können jetzt verschiedene Funktionen verwenden, um Texte zu schreiben oder Texte aus einer Datei zu lesen.

Jetzt können wir die „Browserify-FS“ verwenden, indem wir sie folgendermaßen in unsere JavaScript-Datei importieren:

const FileSystem = Request ("Browserify-FS")

Wenn Sie mehr darüber erfahren möchten, wie Sie eine Bibliothek in JavaScript importieren können, besuchen Sie unseren speziellen Artikel dazu:

Voraussetzung: So importieren Sie eine Bibliothek in JavaScript

Sobald Sie die Browserify-FS-Bibliothek erfolgreich importiert haben, beginnen wir mit dem Lesen einer JSON-Datei.

So lesen Sie eine JSON -Datei

Angenommen, wir haben einen Kunden.JSON -Datei, auf die wir lesen möchten:

//Klient.JSON

"Name": "Mini Corp.",
"Order_count": 83,
"Adresse": "Little Havanna"

Jetzt werden wir das Dateisystem verwenden.ReadFile (), um die Daten vom Client zu laden.JSON -Datei. Wir werden den Pfad einfach zu unserer Datei übergeben und die Daten, eine Rückruffunktion, empfangen:

const FileSystem = Request ("Browserify-FS")
Dateisystem.ReadFile ("./Klient.json ", (err, data) =>
if (err)
Konsole.log ("Dateilesung fehlgeschlagen", ähm)
zurückkehren

Konsole.Log ("Dateidaten:", Daten)
)

Der Inhalt der Datei wird an die Rückruffunktion übergeben, nachdem sie erfolgreich gelesen wurden.

Nun, um die abgerufenen Daten in ein reines JSON -Format zu analysieren, den JSON.Parse () Methode wird verwendet und der endgültige Code sieht so aus:

const FileSystem = Request ("Browserify-FS")
Dateisystem.ReadFile ("./Klient.json ", (err, data) =>
if (err)
Konsole.log ("Datei kann nicht gelesen werden", ähm)
zurückkehren

versuchen
const client = json.analysieren (Daten)
Konsole.Log ("Clientdaten ist:", Client)

catch (err)
Konsole.log ("Fehler analysieren JSON String:", ERR)

)

Sobald Sie den oben genannten Code ausgeführt haben, werden die JSON-Daten wie erwartet auf der Konsole gelesen und angezeigt.

So schreiben Sie eine JSON -Datei

Um Daten auf asynchrone Weise zu schreiben, verwenden wir das Dateisystem.WriteFile () Methode. Wenn wir mit JavaScript etwas in eine JSON -Datei schreiben möchten, müssen wir diese Daten zunächst mit dem JSON in eine JSON -Zeichenfolge konvertieren.Stringify -Methode.

Diese Methode konvertiert ein JavaScript -Objekt in eine JSON -Zeichenfolge, die in eine Datei geschrieben werden kann:

const FileSystem = Request ("Browserify-FS")
const Client =
"Name": "Mini Corp.",
"Order_count": 83,
"Adresse": "Little Havanna"

const data = json.Stringify (Client)
Konsole.Logdaten)

Oben wurde ein Client -Objekt mit unseren Daten erstellt, das dann in eine Zeichenfolge verwandelt wird.

Jetzt schreiben wir einfach unser Dateisystem.WriteFile () -Methode zum Schreiben der JSON -Daten in den NewClient.JSON -Datei:

const FileSystem = Request ("Browserify-FS")
const Client =
"Name": "Mini Corp.",
"Order_count": 83,
"Adresse": "Little Havanna"

const data = json.Stringify (Client)
Dateisystem.WriteFile ("./neuer Kunde.json ", data, err =>
if (err)
Konsole.log ("Fehlerschreibdatei", ähm)
anders
Konsole.Log ('JSON -Daten werden erfolgreich in die Datei geschrieben'))

)

So können wir eine JSON -Datei mit dem Dateisystem schreiben.WriteFile () -Funktion.

Wie man eine Saite an JSON analysiert

In JavaScript sowie in JSON -Terminologien bezieht sich Parsen auf die Idee, bei der eine JSON -String analysiert wird und dann in einen JavaScript -Wert oder ein von der Zeichenfolge beschriebener Objekt umgewandelt wird. Bevor das resultierende Objekt zurückgegeben wird, kann die Transformation darauf durchgeführt werden.

Wie in unserem vorherigen Beispiel für das Lesen von Daten aus einer JSON -Datei haben wir einfach die Daten aus der Datei abgerufen, die in Form einer Zeichenfolge bestand. Nach dem Abholen der Daten haben wir diese Zeichenfolge in den JSON analysiert, wie unten gezeigt:

Angenommen, wir haben einige JSON -Daten im String -Format:

So verwenden Sie den JSON.Parse () Methode, die Zeichenfolge wird in das JSON -Format analysiert.

Wie man JSON an String analysiert

In ähnlicher Weise, um JSON in eine Schnur zu analysieren, den JSON.Stringify () -Methode wird verwendet:

const Client =
"Name": "Mini Corp.",
"Order_count": 83,
"Adresse": "Little Havanna"

const data = json.Stringify (Client)
Konsole.Logdaten)

So verwenden Sie den JSON.Stringify () -Methode, der JSON kann in das String -Format analysiert werden.

Abschluss

Der Zweck des Schreibens des Artikels besteht darin, eine vollständige Erklärung und eine gründliche Beschreibung zu geben, wie man die JSON -Dateien in JavaScript problemlos lesen, schreiben und analysieren kann. Wir konnten die Tatsache schließen, dass die Funktionen für das Lesen und Schreiben leicht durch das Dateisystem erreicht werden können.ReadFile und Dateisystem.Schreibfile.

Wir haben die relativen Funktionen beider Komponenten diskutiert und erklärt, wie wir mit diesen Funktionen fortfahren können. Dann haben wir die Methode zum Parsen der JSON -Methode auf genaue Weise erläutert.

Infolgedessen konnten wir alle notwendigerweise wichtigen Details angeben, die die JSON -Methode in JavaScript lesen, schreiben und analysieren mussten.