Beautify JSON - JSON Formatter
Converti JSON in linea/non leggibile in codice ben formattato
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"
}
}
]
}