Generieren Sie formatiertes und leicht lesbares JSON in JavaScript

1. Generieren Sie formatiertes und leicht lesbares JSON in JavaScript
2. Generieren Sie formatiertes und leicht lesbares JSON mit der parse()-Methode
3. Generieren Sie formatiertes und leicht lesbares JSON mit der stringify()-Methode

JSON steht für JavaScript Object Notation. Es ist ein textbasiertes Standardformat, das auf der JavaScript-Syntax basiert, um strukturierte Daten darzustellen. Typischerweise überträgt JSON Daten in Webanwendungen, wie das Senden von Daten Client von Server und Server zu Client.

In JSON speichern wir Daten in Schlüssel-Wert-Paaren, wie unten gezeigt.

JSON-Struktur:

{

 "StringData": "name",
 "IntData": 10,
 "booleanData": true,
 "arrayData":[]

}

Generieren Sie formatiertes und leicht lesbares JSON in JavaScript

Um Daten in eine besser lesbare Form umzuwandeln, haben wir Standardmethoden in JavaScript für Konvertierungen. Bei der Webentwicklung sind wir mit einem gemeinsamen Problem konfrontiert, wenn wir Daten an den Server übertragen oder wenn wir einen Datensatz von einem Server abrufen müssen; Meistens haben wir rohe JSON-Strings von einem Server.

Wir müssen es selbst in ein JavaScript-Objekt konvertieren. Und wenn wir Daten an den Server senden, müssen wir sie hauptsächlich in einen JSON-String konvertieren.

In JavaScript haben wir zwei Methoden, parse() und stringify(), um beide Arten von Konvertierungen zu erreichen.

Generieren Sie formatiertes und leicht lesbares JSON mit der parse()-Methode

In JavaScript können wir mit der Methode parse() JSON-String-Daten in ein JavaScript-Objekt umwandeln. Diese Methode akzeptiert JSON-Strings und gibt das JavaScript-Objekt als Parameter zurück.

Grundlegende Syntax:

let objectData = JSON.parse(jsonStringData);

Beispielcode:

<script>

let stringJSON = '{"name":"user name", "age":15, "city":"city name"}'

const javascriptObject = JSON.parse(stringJSON);

console.log("converted data :")

console.log(javascriptObject)

</script>

Ausgang:

   "converted data :"
 {
     age: 15,

     city: "city name",

     name: "user name"

    }

Beispielcode-Erklärung:

1. In diesem JavaScript-Quellcode haben wir JSON-String-Daten deklariert.
2. Dann haben wir die Methode parse() verwendet, die JSON-String-Daten als Parameter übergeben und das Ergebnis in einer Variablen gespeichert.
3. Abschließend haben wir die konvertierten Daten mit console.log() angezeigt.

Generieren Sie formatiertes und leicht lesbares JSON mit der stringify()-Methode

In JavaScript können wir mit der Methode stringify() JavaScript-Objekte in JSON-String-Daten konvertieren. Als Parameter akzeptiert diese Methode das JavaScript-Objekt.

Grundlegende Syntax:

let jsonString = JSON.stringify(jsonObject);

Beispielcode:

<script>

let jsonObject = {

 age: 15,

 city: "city name",

 name: "user name"

}

const jsonString = JSON.stringify(jsonObject);

console.log("converted data :")

console.log(jsonString)

</script>

Ausgang:

"converted data :"

   "{\"age\":15,\"city\":\"city name\",\"name\":\"user name\"}"

Beispielcode-Erklärung:

1. Wir haben JSON-Objektdaten im obigen JavaScript-Quellcode deklariert.
2. Danach haben wir die Methode stringify() verwendet, die JSON-Objektdaten als Parameter übergeben und das Ergebnis in einer Variablen gespeichert.
3. Abschließend haben wir die konvertierten Daten mit console.log() angezeigt.