Wie man JSON benutzt.analysieren () und JSON.Stringify ()

JSON steht für JavaScript -Objektnotation. JSON ist ein humanlesbares Datenformat, das häufig zum Austausch von Daten zwischen Webbrowser, Clients und Server verwendet wird. Die meisten modernen APIs verwenden JSON -Formate als Ausgabe. Deshalb wird der JSON zum beliebten Datenformat für die Ausgabe der API.

JavaScript bietet zwei Methoden, um mit JSON -Inhalten zu arbeiten. analysieren und stringifizieren. Die Methoden sind Json.analysieren () und JSON.Stringify ().

• JSON.analysieren () Die Methode nimmt JSON String ein und verwandelt sie in ein JavaScript -Objekt.
• JSON.Stringify () Methode nimmt ein JavaScript -Objekt und verwandelt es in eine JSON -String.

1. Mit JSON.analysieren ()

Der JSON.Parse () -Funktion nimmt Eingaben ein JSON -Daten und verwandelt sie in ein JavaScript -Objekt um. Hier ist ein einfaches Beispiel für die Konvertierung einer JSON -String in ein JS -Objekt.

// JSON -Daten in einem javaScript -Variablen var Json = '"ID": 1, "Name": "Dan Radak", "Land": "United States"'; // JSON String in JavaScript -Objekt umwandeln var obj = json.analysieren (JSON); // Zugriff auf einzelne Werte aus der JavaScript -Objektkonsole zugreifen.Protokoll (obj.Ausweis); // Ausgänge: 1 Konsole.Protokoll (obj.Name); // Ausgänge: Dan Radak -Konsole.Protokoll (obj.Land); // Outputs: USA

12345678910

// JSON -Daten in einem JavaScript -Variablevar json = '"id": 1, "Name": "Dan Radak", "Land": "United States"'; // JSON String in JavaScript Objectvar obj = JSON konvertieren.analysieren (JSON); // Zugriff auf einzelne Werte aus dem JavaScript -Objektconsole.Protokoll (obj.Ausweis); // Ausgänge: 1Console.Protokoll (obj.Name); // Ausgänge: Dan Radakconsole.Protokoll (obj.Land); // Outputs: USA

Eine Funktion übergeben - Sie können auch eine Funktion als zweites (optionales) Argument an JSON übergeben.Parse () Funktion, um eine Aufgabe für die einzelnen JSON -Werte auszuführen. Hier ist ein Beispiel, zu dem eine Funktion alle Stringwerte in Großbuchstaben im zurückgegebenen Objekt der Parse -Methode verwandelt:

// JSON -Daten in einem javaScript -Variablen var Json = '"ID": 1, "Name": "Dan Radak", "Land": "United States"'; // JSON String in JavaScript -Objekt umwandeln var obj = json.Parse (JSON, (Schlüssel, Wert) => if (typeof value === 'String') Rückgabewert.touppercase (); Rückgabewert; ); // Zugriff auf einzelne Werte aus der JavaScript -Objektkonsole zugreifen.Protokoll (obj.Ausweis); // Ausgänge: 1 Konsole.Protokoll (obj.Name); // Ausgänge: Dan Radak -Konsole.Protokoll (obj.Land); // Outputs: USA

123456789101112131415

// JSON -Daten in einem JavaScript -Variablevar json = '"id": 1, "Name": "Dan Radak", "Land": "United States"'; // JSON String in JavaScript Objectvar obj = JSON konvertieren.Parse (JSON, (Schlüssel, Wert) => if (typeof value === 'String') Rückgabewert.touppercase (); Rückgabewert;); // Zugriff auf einzelne Werte aus dem JavaScript -Objektconsole.Protokoll (obj.Ausweis); // Ausgänge: 1Console.Protokoll (obj.Name); // Ausgänge: Dan Radakconsole.Protokoll (obj.Land); // Outputs: USA

Wir nehmen an, dies hilft Ihnen, die Verwendung von JSON zu verstehen.Parse () Methode. Als nächstes lernen Sie eine andere Methode json.Stringify () um das Gegenteil von oben auszuführen.

2. Mit JSON.Stringify ()

JSON.Stringify () -Methode wird verwendet, um ein JavaScript -Objekt in JSON String zu transformieren. Sie können einfach ein JavaScript -Objekt an diese Funktion übergeben und ein JSON -Array erhalten.

Hier ist ein einfaches Beispiel von JSON.Stringify () Methode:

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, Name: "Dan Radak", Land: "United States" // JS -Objekt in JSON String var json = json konvertieren.Stringify (obj); Konsole.log (JSON); // Erwartete Ausgabe: "ID": 1, "Name": "Dan Radak", "Land": "Vereinigte Staaten"

12345678

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, Name: "Dan Radak", Land: "United States" // JS -Objekt in JSON Stringvar json = JSON konvertieren.Stringify (obj); Konsole.log (JSON); // Erwartete Ausgabe: "ID": 1, "Name": "Dan Radak", "Land": "Vereinigte Staaten"

Sie können auch zwei zusätzliche Argumente übergeben, eine ist die Ersatzfunktion und die zweite kann der Speicherwert sein, um die Ausgabe zu formatieren.

Verwenden von Austauschfunktion - Eine Ersatzfunktion wird verwendet, um die Ausgangswerte zu filtern. Zum Beispiel können Sie eine Funktion erstellen und als Argument übergeben. Diese Funktion gibt jeden Zeichenfolgewert als undefiniert zurück.

// JavaScript -Objekt var obj = id: 1, name: "dan radak", Alter: 28, Land: "Vereinigte Staaten" Funktionsersatz (Schlüssel, Wert) // Eigenschaften herausfiltern if (TypeOf value === 'String') return undefined; Rückgabewert; // Verwenden einer Ersatzfunktionskonsole.Protokoll (JSON.Stringify (OBJ, Ersatz)); // Erwartete Ausgabe: "ID": 1, "Alter": 28

1234567891011121314

// JavaScript -Objekt var obj = id: 1, name: "dan radak", Alter: 28, Land: "Vereinigte Staaten" Funktionsersatz (Schlüssel, Wert) // Eigenschaften herausfiltern if (TypeOf value === 'String') return undefined; Rückgabewert; // Verwenden einer Ersatzfunktion.Protokoll (JSON.Stringify (obj, Ersatz); // Erwartete Ausgabe: "ID": 1, "Alter": 28

Verwenden Sie Array als Austauscher - Sie können auch ein Array mit einigen Schlüsselnamen als Austausch übergeben. Hier gibt die Stringify () -Funktion nur die übereinstimmenden Schlüsselnwerte zurück, die die Schlüssel als Austauscher gesendet werden.

Zum Beispiel senden wir ID und Name in einem Array als Ersatzfunktion. In diesem Fall werden nur diese Werte als JS -Objekt zurückgegeben und andere Werte verworfen.

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, Name: "Dan Radak", Alter: 28, Land: "Vereinigte Staaten" // JS -Objekt in JSON String mit Array -Austauschkonsole konvertieren.Protokoll (JSON.stringify (obj, ["id", "name"])); // Erwartete Ausgabe: "ID": 1, "Name": "Dan Radak"

123456

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, Name: "Dan Radak", Alter: 28, Land: "Vereinigte Staaten" // JS -Objekt in JSON -String mit Array -Ersatzkonsole konvertieren.Protokoll (JSON.Stringify (OBJ, ["ID", "Name"])); // Erwartete Ausgabe: "ID": 1, "Name": "Dan Radak"

Raumargument übergeben - Sie können den Speicherwert auch als drittes optionales Argument übergeben. Dies hilft, die Ausgabe in lesbarerem Format zu machen.

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, Name: "Dan Radak", Alter: 28, Land: "Vereinigte Staaten" // Leerer Ersatz für Funktionsfunktionsfunktionen (Schlüssel, Wert) Rückgabewert; // Verwenden der optionalen Space Argument -Konsole.Protokoll (JSON.Stringify (obj, Ersatz, "); // erwartete Ausgabe // //" ID ": 1, //" Name ":" Dan Radak ", //" Alter ": 28, //" Land ":": " USA "// // eine Registerkarte als Space Argument -Konsole verwenden.Protokoll (JSON.Stringify (OBJ, Ersatz, '\ t'); // erwartete Ausgabe // // "ID": 1, // "Name": "Dan Radak", // "Alter": 28, // "Land": "Vereinigte Staaten" //

123456789101112131415161718192021222324252627

// Erstellen Sie ein JavaScript -Objekt var obj = id: 1, name: "dan radak", Alter: 28, Land: "Vereinigte Staaten" // leerer Austauschfunktionsfunktionsfunktionsersatz (Schlüssel, Wert) Rückgabewert; // Verwenden optionaler Space ArgumentConsole.Protokoll (JSON.Stringify (obj, Ersatz, "); // erwartete Ausgabe // //" ID ": 1, //" Name ":" Dan Radak ", //" Alter ": 28, //" Land ":": " USA "// // eine Registerkarte als Space ArgumentConsole verwenden.Protokoll (JSON.Stringify (obj, Ersatz, '\ t'); // erwartete Ausgabe // // "id": 1, // "name": "Dan Radak", // "Alter": 28, // "Land ": "Vereinigte Staaten"//

Abschluss

In diesem Tutorial haben Sie die Verwendung des JSON gelernt.analysieren () und JSON.Stringify () Methoden.