JSON.analysieren und json.Stringify | Mit Beispielen erklärt
JSON -Objekte werden vom Programm in Form von Strings übertragen oder gelesen, die als JSON -Zeichenfolgen bezeichnet werden. Um die JSON -String zu identifizieren, suchen Sie einfach nach Anführungszeichen an beiden Enden der trivialen JSON -Notation. JSON -Saiten müssen jedoch in JSON -Objekte umgewandelt werden, damit wir keine String -Operationen in unserem Programm verwenden müssen.
Ebenso ist es am besten, das JSON -Objekt zurück in einen JSON. Für diese Konvertierungen lieferte ES6 JavaScript zwei Funktionen „Json.Parse () & Json.Stringify () ”.
JSON.Stringify () und seine Verwendung
JavaScript -Objekte werden mit dem “in Zeichenfolgen konvertiertJSON.Stringify ()”. Um diese Funktion zu demonstrieren, benötigen wir ein Objekt, das mit den folgenden Codezeilen erstellt werden kann:
var myObject =Name: "John Doe",
Alter: 15,
E -Mail: "[email protected] ",
Job: "Auditor",
;
Sie können dieses Objekt auf der Konsole mithilfe der folgenden Zeile ausdrucken:
Konsole.log (myObject);Sie erhalten die folgende Ausgabe auf Ihrer Konsole.
Jetzt können wir dieses Objekt im JSON übergeben.Stringify () -Funktion und speichern Sie sie mit der folgenden Zeile in einer anderen Variablen:
var konvertiert = json.Stringify (myObject);Diese Variable kann mithilfe der Konsole gedruckt werden.log () Funktion:
Konsole.log (konvertiert);Nachdem Sie das folgende Programm ausgeführt haben, sollten Sie die folgende Ausgabe auf Ihrer Konsole sehen:
Wie Sie sehen können, konnten wir das JSON -Objekt in eine Zeichenfolge umwandeln, die über ein Netzwerk übertragen oder für die spätere Verwendung in einer Datei gespeichert werden kann.
Der Stringify () Funktion nimmt 2 zusätzliche Argumente vor, die optional, aber immer noch sehr nützlich sind:
- Eine ist die Funktion, die als die bekannt ist Austausch Streit
- Zweiter wird das genannt Raum Streit
Der Ersatzparameter
Der Ersatz ist eine Funktion, die Sie mit zwei Parametern erstellen:
- Taste
- Wert, entsprechend dem Schlüsselwertpaar des Objekts.
Der Austausch Die Methode wird verwendet, um entweder einen bestimmten Wert zu überprüfen oder eine andere Zeichenfolge anstelle des ursprünglichen Wertes zurückzugeben. Der Austausch Die Methode kann auch verwendet werden, um ein Schlüsselwertpaar aus der konvertierten Zeichenfolge zu überspringen, indem sie eine zurückgeben nicht definiert Wert.
So erstellen Sie eine einfache Austauschmethode, die das Schlüsselwertpaar aus der resultierenden Zeichenfolge überspringt, wenn der Wert von „Auditor“ ist. Verwenden Sie die folgenden Codezeilen:
Funktionsersatz (Schlüssel, Wert)if (value === "Auditor")
und definierte zurückkehren;
Rückgabewert;
So erstellen Sie eine neue resultierende Zeichenfolge aus unserem JavaScript -Objekt und drucken Sie die folgende Zeile: Verwenden Sie die folgende Zeile:
Konsole.Protokoll (JSON.Stringify (myObject, Ersatz));Sie erhalten das folgende Ergebnis auf der Konsole:
Wie Sie sehen können, da die “Arbeit"Der Schlüssel hatte den Wert von"AuditorDaher wurde es aus der resultierenden Zeichenfolge übersprungen
Der Speicherparameter
Das dritte Argument der JSON.Stringify () Funktion ist der Parameter Speicherplatz. Dieser Parameter enthält entweder eine Zeichenfolge oder eine Nummer für die folgenden Aktionen:
- Wenn eine Zeichenfolge übergeben wird, wird diese Zeichenfolge vor den Schlüsselwertpaaren angehängt
- Wenn eine Zahl übergeben wird, wird diese Anzahl der Leerzeichen zwischen den Schlüsselwertpaaren hinzugefügt
Um das Spacer -Argument zu demonstrieren, verwenden wir die folgende Codezeile:
Konsole.Protokoll (JSON.Stringify (myObject, null, 10));Sie werden das folgende Ergebnis auf der Konsole beobachten:
Sie können den Raum zwischen jedem Schlüsselwertpaar beobachten (der Raum wird durch die gelbe Linie gekennzeichnet, um ihn deutlicher zu machen)
Verwenden Sie die folgenden Codezeilen:
Konsole.Protokoll (JSON.Stringify (myObject, null, "a"));Sie werden das folgende Ergebnis auf der Konsole beobachten:
Das vorangestellte Substring ist leicht zu spüren
JSON.analysieren () und seine Verwendung
Der JSON.Parse () Funktion wird verwendet, um eine Zeichenfolge oder genauer JSON -String in ein JSON -Objekt umzuwandeln. Um dies zu demonstrieren, erstellen Sie eine neue JSON -Zeichenfolge mit der folgenden Codezeile:
const String = '"Name": "John Doe", "Alter": 15, "E -Mail": "[email protected] "," Job ":" Auditor " ';Um ein JSON -Objekt zu erstellen, übergeben Sie diese Zeichenfolge in der Funktion parse () und speichern Sie das resultierende Objekt in einer neuen Variablen mit der folgenden Codezeile:
const myObject = json.analysieren (String);Um dieses resultierende Objekt zu beobachten, verwenden Sie die Konsolenprotokollfunktion wie so:
Konsole.log (myObject);Bei der Ausführung sollten Sie die folgende Ausgabe auf Ihrer Konsole beobachten:
Sie können wie jedes andere normale Objekt auf die Werte aus diesem resultierenden Objekt zugreifen. Probieren Sie die folgende Codezeile aus, um dies zu überprüfen:
Konsole.Protokoll (myObject.Job + "" + myObject.Name);Sie erhalten die folgende Ausgabe auf Ihrer Konsole:
Das ist es für JSON.Parse () Funktion und JSON.Stringify () -Funktion
Abschluss
Der JSON.Parse () Funktion wird verwendet, um eine Zeichenfolge in ein JavaScript -Objekt zu konvertieren, während der JSON.Die Funktion Stringify () wird verwendet, um ein JavaScript -Objekt in eine Zeichenfolge umzuwandeln. Die JSON -Zeichenfolge wird verwendet, wenn wir Daten von einem Programm auf ein anderes übertragen möchten. Im Programm ist es besser, das JavaScript -Objekt zu verwenden, als die String -Operationen zu verwenden. JavaScript liefert diese beiden Funktionen als integrierte Funktionen, und diese Funktionen werden von allen modernen Browsern unterstützt.