JSON Beautifier - JSON-Formatierer

Dieser Online-JSON-Beautifier hilft Ihnen, unstrukturiertes JSON in ein sauberes, lesbares Layout zu formatieren. Angetrieben vom Pretty Diff Beautifier, ermöglicht er es Ihnen, die Ergebnisse entweder in einer Code-Ansicht oder einer Baumansicht für eine bessere Visualisierung zu betrachten.

Wie man dieses Tool benutzt

Um zu beginnen, fügen Sie einfach Ihren JSON-Code direkt in den Editor ein oder laden Sie eine JSON-Datei mit der **Upload**-Schaltfläche hoch. Sobald der Beautifizierungsprozess abgeschlossen ist, können Sie das formatierte JSON herunterladen, speichern oder mit anderen über einen eindeutigen Link teilen. Wenn Sie sich mit Google oder GitHub anmelden, können Sie Ergebnisse in Ihrem Konto für die zukünftige Verwendung speichern.

Was ist JSON?

JSON (JavaScript Object Notation) ist ein leichtgewichtiges, offenes Datenformat, das menschenlesbaren Text verwendet, um Datenobjekte darzustellen, die aus Attribut-Wert-Paaren und Arrays bestehen. Es wird häufig für den Datenaustausch verwendet, insbesondere als einfachere Alternative zu XML in AJAX-Systemen.

Die Beliebtheit von JSON rührt von seiner Einfachheit und Vielseitigkeit her, was es zu einem bevorzugten Format für APIs, Konfigurationsdateien und andere Datenfreigabeaufgaben macht. Erfahren Sie mehr

JSON-Syntax

JSON definiert zwei Hauptstrukturen: Objekte und Arrays.

**Objekte**: Eine Sammlung von Name-Wert-Paaren, die in geschweifte Klammern `{}` eingeschlossen sind.
**Arrays**: Eine Liste von Werten, die in eckige Klammern `[]` eingeschlossen sind.

JSON unterstützt sieben Datentypen: String, Number, Object, Array, `true`, `false` und `null`. Unten ist ein Beispiel für ein JSON-Objekt, das Name-Wert-Paare enthält. Der Schlüssel "phoneNumbers" enthält ein Array von zwei Objekten:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}

Beispiele

Unformatiert:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}

Nach der Formatierung:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}