Beautify JSON - JSON Formatter

Converti JSON in linea/non leggibile in codice ben formattato

Tag: beautify code json

🚀 180,269 conversioni totali (15 questo mese)

Introduzione

Questo abbellitore JSON online ti aiuta a formattare JSON non strutturato in un layout pulito e leggibile. Alimentato dall'abbellitore Pretty Diff, ti consente di visualizzare i risultati in una vista codice o in una vista ad albero per una migliore visualizzazione.

Come Usare Questo Strumento

Per iniziare, incolla semplicemente il tuo codice JSON direttamente nell'editor o carica un file JSON utilizzando il pulsante **Carica**. Una volta completato il processo di abbellimento, puoi scaricare il JSON formattato, salvarlo o condividerlo con altri utilizzando un link unico. Accedendo con Google o GitHub puoi salvare i risultati nel tuo account per un uso futuro.

Cos'è JSON?

JSON (JavaScript Object Notation) è un formato di dati leggero e aperto che utilizza testo leggibile per rappresentare oggetti dati costituiti da coppie attributo-valore e array. È ampiamente utilizzato per lo scambio di dati, in particolare come alternativa più semplice all'XML nei sistemi AJAX.

La popolarità di JSON deriva dalla sua semplicità e versatilità, rendendolo un formato di riferimento per API, file di configurazione e altre attività di condivisione dati. Scopri di più

Sintassi JSON

JSON definisce due strutture principali: oggetti e array.

  • **Oggetti**: Una collezione di coppie nome-valore racchiuse tra parentesi graffe `{}`.
  • **Array**: Un elenco di valori racchiusi tra parentesi quadre `[]`.

JSON supporta sette tipi di dati: stringa, numero, oggetto, array, `true`, `false` e `null`. Di seguito è riportato un esempio di un oggetto JSON contenente coppie nome-valore. La chiave "phoneNumbers" contiene un array di due oggetti:

      
{
  "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"
    }
  ]
}
      
    

Esempi

Non abbellito:

      
{"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"}}]}
      
    

Dopo l'abbellimento:

      
{
  "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"
      }
    }
  ]
}