Una risposta API o un file di configurazione con più di qualche livello di profondità è difficile da leggere come testo grezzo. Contare le parentesi graffe per trovare dove termina un array, o scorrere mille righe per trovare una chiave, non è il modo in cui chiunque voglia passare il proprio tempo.
Usare il visualizzatore JSON
Incolla un documento e l'albero si disegna da solo non appena smetti di digitare. Ogni oggetto e array è un riquadro espandibile che puoi aprire e chiudere, ed Espandi tutto o Comprimi tutto fa questo per l'intero documento contemporaneamente. Cliccare su un valore foglia lo seleziona, evidenzia il testo sorgente esatto da cui proviene nel pannello dell'editor, e mostra il suo percorso sopra l'albero, pronto per essere copiato con un solo pulsante.
Incollare
{"data":{"items":[{"name":"first"},{"name":"second"}]},"id":12345678901234567890}e cliccare sul name del secondo elemento mostra $.data.items[1].name
come percorso. Questa è un'espressione JSONPath reale che puoi incollare
direttamente nel testatore JSONPath se hai
bisogno di interrogare ogni corrispondenza di quella forma.
Perche i grandi documenti non bloccano la scheda
Un albero che renderizza ogni riga in anticipo è ciò che fa bloccare altri visualizzatori su un grande documento: disporre diecimila nodi DOM richiede tempo reale indipendentemente da quanto è stata rapida l'analisi. Questo visualizzatore disegna solo un ramo quando lo apri, quindi un contenitore chiuso non costa nulla. Espandi tutto deve ancora disegnare tutto, quindi oltre 3000 valori rifiuta e dice il conteggio invece di bloccare la scheda, e puoi ancora aprire i rami singolarmente oltre quel punto.
Cosa stai effettivamente guardando
L'albero è costruito dallo stesso flusso di token che il formattatore
ristampa, non da un valore parolato da JSON.parse. Un intero di venti
cifre mantiene ogni cifra nell'albero, e una chiave di oggetto che sembra
un numero rimane nella posizione in cui l'hai scritta, esattamente come
ogni altro strumento su questo sito. L'albero mostra il tuo documento,
non un'interpretazione JavaScript di esso.
Un modo rapido per rispondere “dov'è questo valore”
Se hai mai cercato un valore in un file JSON solo per trovare tre corrispondenze e nessun modo per dire quale è dentro quale oggetto, questo è il percorso più rapido: apri l'albero, clicca sul valore, e leggi il percorso. Funziona anche al contrario. Selezionare un valore nell'albero scorre ed evidenzia il suo testo sorgente esatto nell'editor, che è il modo più rapido per trovare un campo specifico in un documento che non hai scritto tu stesso.