JSON in tabella HTML

Trasforma un array di oggetti JSON in una tabella HTML. L'altra direzione è Tabella HTML in JSON · Da JSON a CSV

Cosa fa questa pagina

Un array di oggetti JSON si legge meglio come tabella. Questa pagina scrive una tabella HTML nel browser. L'altra direzione è tabella HTML in JSON. Il CSV delle stesse righe è da JSON a CSV.

Come usarla

  1. Incolla JSON. Aggiorna mentre scrivi è attivo.
  2. Converti esegue una volta. Mostra esempio riempie [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}].
  3. Il risultato è una tabella. Le celle di intestazione sono id, name e ok. La prima riga è 1, Ada, true. La seconda è 2, Grace, false.
  4. Cancella tutto svuota le due caselle. Copia risultato copia l'HTML.

Regole e limiti

Un array di oggetti usa una colonna per chiave, nell'ordine in cui le chiavi compaiono. Un solo oggetto diventa due colonne, un th per la chiave e un td per il valore, senza riga di intestazione. Un array di valori usa l'intestazione value. Un oggetto o un array annidato è scritto come testo JSON nella cella. Un array vuoto, un oggetto vuoto, un numero isolato o una stringa isolata si fermano con un errore.

Dove si usa

  • Incollare un elenco di API come tabella in una pagina.
  • Guardare due righe prima di mandarle alla pagina inversa.
  • Leggere un booleano accanto a un nome senza un visore JSON.

Domande

Perché al ritorno non è lo stesso JSON?

La tabella conserva il testo delle celle. Al ritorno, 1 e true sono le stringhe "1" e "true".

Dov'è finito l'oggetto annidato?

Resta nella cella come testo JSON, non come un'altra tabella.