O que faz
O editor de JSON em árvore transforma um documento JSON em uma árvore recolhível que você pode navegar e editar diretamente. Em vez de caçar uma vírgula faltando em um arquivo de texto enorme, você muda um valor em um pequeno campo e a ferramenta reescreve um JSON válido para você.
É prático para arquivos de configuração, respostas de API, fixtures de teste e arquivos de tradução: qualquer coisa em que você precise primeiro entender a estrutura e depois fazer algumas alterações precisas.
Como usar
- Cole o JSON na entrada à esquerda ou carregue o exemplo.
- Explore a árvore. Clique na seta ao lado de um objeto ou array para expandi-lo ou recolhê-lo, e use Níveis expandidos para escolher até que profundidade a árvore abre por padrão.
- Edite no lugar:
- Clique em uma chave para renomeá-la. As chaves mantêm a posição no objeto.
- Clique em uma string ou número para alterá-lo. Booleanos têm um menu com true ou false.
- Use o menu de tipo à direita de cada linha para transformar um valor em outro tipo JSON.
- Clique em + para adicionar um filho a um objeto ou array, ou em × para excluir um nó.
- Pressione Enter ou clique em outro lugar para aplicar uma alteração, ou Escape para cancelá-la.
- Copie o JSON atualizado da entrada. A opção Indentação controla como ele é formatado.
Caminhos
Selecionar uma linha mostra o caminho dela no estilo JSONPath, como $.author.name ou $.keywords[2], com um botão para copiá-lo. Chaves que não são identificadores simples ficam entre aspas, por exemplo $["first name"]. Os caminhos são úteis quando você escreve código ou consultas que leem o mesmo campo, por exemplo com jq, optional chaining do JavaScript ou uma função JSON de banco de dados.
Edição segura
As edições nunca geram JSON inválido. Se uma alteração não puder ser aplicada, por exemplo renomear uma chave para uma que já existe ou digitar letras em um número, a ferramenta mostra uma mensagem acima da árvore e deixa o seu documento inalterado.
Se o JSON à esquerda tiver um erro de sintaxe, a árvore é substituída pelo erro com linha e coluna, para você corrigir o texto e seguir em frente.
Perguntas frequentes
› Minhas edições são salvas no texto JSON?
Sim. Cada alteração na árvore é gravada direto de volta no JSON à esquerda, formatado com a indentação que você escolheu, então você pode copiá-lo ou baixá-lo a qualquer momento.
› Como adiciono ou removo itens?
Use o botão de mais em uma linha de objeto ou array para acrescentar um filho, e o botão de xis em qualquer linha para excluí-la. Novos membros de objeto recebem uma chave provisória como key ou key2, que você pode renomear.
› O que acontece quando eu mudo um tipo?
A ferramenta preserva o máximo que pode. Um número vira o seu texto quando transformado em string, um array vira um objeto com os índices como chaves e um objeto vira um array com os seus valores.
› Meu JSON é enviado para algum lugar?
Não. A leitura e a edição acontecem no seu navegador.