Formatiere JSON in JavaScript

1. Verwenden Sie die Methode JSON.stringify(), um ein JSON-Objekt in JavaScript zu formatieren
2. Verwenden Sie die Methoden JSON.stringify() und JSON.parse(), um einen JSON-String in JavaScript zu formatieren

In diesem Artikel werden einige Methoden zum Formatieren eines JSON-Werts in JavaScript vorgestellt.

Verwenden Sie die Methode JSON.stringify(), um ein JSON-Objekt in JavaScript zu formatieren

Wir können die Methode JSON.stringify() verwenden, um JSON in JavaScript zu formatieren. Die Methode wird verwendet, um einen JavaScript-Wert in einen JSON-String umzuwandeln.

Ein JavaScript-Wert kann alles wie ein Objekt, ein Array, eine Zeichenfolge usw. sein. In diesem Abschnitt wird die Methode zum Formatieren eines JSON-Objekts verwendet.

Lassen Sie uns zunächst die Methode syntaktisch verstehen. Die Syntax der Methode JSON.stringify() ist unten dargestellt.

JSON.stringify(value, replacer, space)

Wert sind hier alle JavaScript-Werte wie Objekte, Arrays usw., die in einen String umgewandelt werden sollen. Der Parameter replacer modifiziert die Art und Weise, wie value gestringt wird.

Der Parameter space legt den Leerraum in der stringifizierten Ausgabe fest.

Es kann zwei Arten geben: Zahl oder Zeichenfolge. Die Parameter replacer und value sind optional.

Wir können die Methode JSON.stringify() verwenden, um ein rohes JSON-Objekt zu formatieren und den Parameter space zu setzen.

Für die Option replacer können wir null setzen. Dadurch werden die Schlüssel des Objekts stringifiziert.

Erstellen Sie beispielsweise eine Variable person und weisen Sie ihr ein Rohobjekt zu.

var person = {'name': 'Micheal', 'city': 'Stockholm'}

Verwenden Sie als Nächstes die Methode JSON.stringify(), wobei das Objekt person der Wert ist. Stellen Sie als zweiten Parameter null und als dritten Parameter die Zahl 4 ein.

Wiederholen Sie die Methode erneut, aber ändern Sie diesmal 4 mit "\t". Drucken Sie schließlich das Quellobjekt und die beiden stringifizierten Objekte.

Beispielcode:

var person = {'name': 'Micheal', 'city': 'Stockholm'}

console.log(person)
console.log(JSON.stringify(person, null, 4))
console.log(JSON.stringify(person, null, "\t"))

Ausgang:

{ name: 'Micheal', city: 'Stockholm' }
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

Im obigen Beispiel haben wir zuerst das rohe JSON-Objekt gedruckt. Es ist nicht formatiert.

Als nächstes haben wir die Zahl 4 als Leerzeichen verwendet, um das Objekt zu formatieren. Als Ergebnis wird jedes Schlüssel-Wert-Paar im Objekt in neue Zeilen formatiert.

Die Zahl 4 bestimmt, dass vor dem Beginn jeder Zeile vier Leerzeichen stehen. Analog haben wir beim dritten Aufruf auch den String "\t" als Leerzeichen verwendet.

Das Objekt wurde auch formatiert, jedoch mit einigen zusätzlichen Leerzeichen.

Auf diese Weise können wir die Methode JSON.stringify() verwenden, um ein JSON-Objekt in JavaScript zu formatieren.

Verwenden Sie die Methoden JSON.stringify() und JSON.parse(), um einen JSON-String in JavaScript zu formatieren

Wir können die Kombination der Methoden JSON.stringify() und JSON.parse() verwenden, um den JSON-String in JavaScript zu formatieren. Dieser Ansatz ähnelt der Formatierung des JSON-Objekts, wie wir es in der ersten Methode getan haben.

Der einzige Unterschied besteht darin, dass wir den String mit der Methode JSON.parse() parsen, bevor wir ihn als Wert in der Methode JSON.stringify() verwenden.

Die Methode JSON.parse() konvertiert den String in ein JSON-Objekt. Anschließend wird das Objekt als Parameter für die Methode JSON.stringify() verwendet.

Zum Beispiel können wir das gleiche person-Objekt verwenden, um den JSON-String zu formatieren. Umschließen Sie diesmal jedoch die Variable person mit einem Anführungszeichen, das eine JSON-Zeichenfolge sein wird.

Sehen Sie sich das folgende Beispiel an.

var person = '{"name":"Micheal", "city":"Stockholm"}'

console.log(person)
console.log(JSON.stringify(JSON.parse(person), null, 4))
console.log(JSON.stringify(JSON.parse(person), null, '\t'))

Ausgang:

{"name":"Micheal", "city":"Stockholm"}
{
    "name": "Micheal",
    "city": "Stockholm"
}
{
        "name": "Micheal",
        "city": "Stockholm"
}

Hier haben wir einen JSON-String mit der Methode JSON.parse() in ein Objekt geparst. Dann haben wir die Methode JSON.stringify() verwendet, um das Objekt zu formatieren.

Auf diese Weise können Sie die Kombination der Methoden JSON.parse() und JSON.stringify() verwenden, um einen JSON-String in JavaScript zu formatieren.