JSON para tabela HTML

Transforma um array de objetos JSON numa tabela HTML. O outro sentido é Tabela HTML para JSON · JSON para CSV

O que esta página faz

Um array de objetos JSON lê-se melhor como tabela. Esta página escreve uma tabela HTML no navegador. O outro sentido é tabela HTML para JSON. O CSV das mesmas linhas é JSON para CSV.

Como usar

  1. Cole JSON. Atualizar ao digitar está ligado.
  2. Converter corre uma vez. Mostrar exemplo preenche [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}].
  3. O resultado é uma tabela. As células de cabeçalho são id, name e ok. A primeira linha é 1, Ada, true. A segunda é 2, Grace, false.
  4. Limpar tudo esvazia as duas caixas. Copiar resultado copia o HTML.

Regras e limites

Um array de objetos usa uma coluna por chave, na ordem em que as chaves aparecem. Um só objeto fica em duas colunas, um th para a chave e um td para o valor, sem linha de cabeçalho. Um array de valores usa o cabeçalho value. Um objeto ou array aninhado é escrito como texto JSON na célula. Um array vazio, um objeto vazio, um número solto ou uma cadeia solta param com um erro.

Onde se usa

  • Colar uma lista de API como tabela numa página.
  • Ver duas linhas antes de as enviar para a página inversa.
  • Ler um booleano ao lado de um nome sem um visor JSON.

Perguntas

Porque é que o regresso não é o mesmo JSON?

A tabela guarda texto de célula. Ao voltar, 1 e true são as cadeias "1" e "true".

Para onde foi o objeto aninhado?

Fica na célula como texto JSON, não como outra tabela.