Pular para o conteudo principal
CuteJSON
↑↓ Navegar Enter Selecionar Esc Fechar

Como explorar um grande documento JSON como uma arvore

Publicado 2 min de leitura Por Akash Kinkar Pandey

Uma resposta de API ou um arquivo de configuracao com mais de alguns niveis de profundidade e dificil de ler como texto bruto. Contar chaves para encontrar onde um array termina, ou rolar por mil linhas para encontrar uma chave, nao e como ninguem quer passar seu tempo.

Usar o visualizador JSON

Cole um documento e a arvore se desenha sozinha assim que voce para de digitar. Cada objeto e array e uma divulgacao que voce pode abrir e fechar, e Expandir tudo ou Recolher tudo faz isso para o documento inteiro de uma vez. Clicar em um valor folha o seleciona, destaca o texto fonte exato de onde veio no painel do editor, e mostra seu caminho acima da arvore, pronto para copiar com um botao.

Colar

{"data":{"items":[{"name":"first"},{"name":"second"}]},"id":12345678901234567890}

e clicar no name do segundo item mostra $.data.items[1].name como o caminho. Essa e uma expressao JSONPath real que voce pode colar diretamente no testador JSONPath se precisar consultar cada correspondencia dessa forma.

Por que documentos grandes nao travam a aba

Uma arvore que renderiza todas as linhas adiantado e o que faz outros visualizadores travarem em um documento grande: dispor dez mil nos DOM leva tempo real nao importa quao rapida foi a analise. Este visualizador so desenha uma ramo quando voce o abre, entao um container fechado nao custa nada. Expandir tudo ainda precisa desenhar tudo, entao alem de 3000 valores ele recusa e informa a contagem em vez de travar a aba, e voce ainda pode abrir ramos individualmente alem desse ponto.

O que voce esta realmente vendo

A arvore e construida a partir do mesmo fluxo de tokens que o formatador reimprime, nao de um valor analisado por JSON.parse. Um inteiro de vinte digitos mantem cada digito na arvore, e uma chave de objeto que parece um numero permanece na posicao onde voce o escreveu, exatamente como cada outra ferramenta neste site. A arvore mostra seu documento, nao uma interpretacao JavaScript dele.

Uma forma rapida de responder “onde esta este valor”

Se voce ja procurou um valor em um arquivo JSON apenas para encontrar tres correspondencias e nenhuma forma de dizer qual esta dentro de qual objeto, esse e o caminho mais rapido: abra a arvore, clique no valor, e leia o caminho. Tambem funciona ao inverso. Selecionar um valor na arvore rola e destaca seu texto fonte exato no editor, que e a forma mais rapida de encontrar um campo especifico em um documento que voce nao escreveu.

Voltar a todos os posts