Come visualizzare un JSON ad albero
- Incolla il JSON, trascina un file o caricalo da un URL. L'albero compare accanto al testo.
- Fai clic su una riga per espanderla o comprimerla, oppure usa Espandi tutto e Comprimi tutto. Da tastiera, ↑ e ↓ servono a spostarsi, ← e → a chiudere e aprire i nodi.
- Scrivi nella casella di ricerca per mostrare solo le chiavi e i valori corrispondenti. Seleziona un nodo per copiarne il JSONPath, il percorso JavaScript o il valore.
Come leggere l'albero JSON
- Gli oggetti mostrano il numero di chiavi, ad esempio
{5}, e gli array il numero di elementi, ad esempio[12]. - Colori e piccoli badge indicano il tipo di ogni valore: stringa, numero, booleano, null, oggetto o array.
- Gli array lunghi vengono mostrati 200 elementi alla volta, così anche i file con centinaia di migliaia di valori restano reattivi.
- I numeri vengono mostrati esattamente come sono scritti – gli ID lunghi non vengono arrotondati e le chiavi mantengono il loro ordine originale.
Cos'è JSONPath?
JSONPath descrive dove si trova un valore all'interno di un documento JSON, un po' come il percorso di un file. È stato standardizzato nel 2024 con la RFC 9535. $ è la radice, .name seleziona una proprietà, [0] un elemento di un array e ['first name'] una proprietà il cui nome contiene spazi o caratteri speciali.
| Percorso | Seleziona |
|---|---|
$.store | la proprietà store dell'oggetto radice |
$.products[0] | il primo elemento dell'array products |
$.products[0].price | il prezzo di quel primo prodotto |
$.address.geo.lat | un valore annidato a tre livelli di profondità |
$['shipping address'].city | una chiave con uno spazio nel nome |
In JavaScript lo stesso valore è data.products[0].price – usa Copia percorso JS per ottenere questa forma.
Domande frequenti
Posso aprire file JSON di grandi dimensioni?
Sì. Vengono disegnate solo le parti espanse dell'albero e gli array lunghi compaiono 200 elementi alla volta, quindi in un browser desktop si aprono anche file di decine di megabyte.
Come copio il percorso di un valore?
Fai clic sul nodo, poi usa Copia percorso per il JSONPath ($.users[0].email) o Copia percorso JS per JavaScript (data.users[0].email).
Posso modificare il JSON nel visualizzatore?
Il visualizzatore è in sola lettura, così nulla cambia per errore. Per modificare valori, rinominare chiavi o aggiungere elementi, apri l'editor JSON.
Cosa succede se il mio JSON non è valido?
Il riquadro degli errori mostra la riga, la colonna e la causa del problema, e l'albero continua a mostrare l'ultima versione valida finché l'errore non viene corretto.