JSON zu HTML-Tabelle

Wandelt ein JSON-Array von Objekten in eine HTML-Tabelle um. Die andere Richtung ist HTML-Tabelle zu JSON · JSON nach CSV

Was diese Seite macht

Ein JSON-Array von Objekten liest sich als Tabelle leichter. Diese Seite schreibt im Browser eine HTML-Tabelle. Die andere Richtung ist HTML-Tabelle zu JSON. Das CSV derselben Zeilen ist JSON nach CSV.

So geht es

  1. Fügen Sie JSON ein. Beim Tippen aktualisieren ist an.
  2. Umwandeln läuft einmal. Beispiel anzeigen füllt [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}].
  3. Das Ergebnis ist eine Tabelle. Die Kopfzellen sind id, name und ok. Die erste Zeile ist 1, Ada, true. Die zweite ist 2, Grace, false.
  4. Alles löschen leert beide Felder. Ergebnis kopieren kopiert das HTML.

Regeln und Grenzen

Ein Array von Objekten nutzt eine Spalte je Schlüssel, in der Reihenfolge des ersten Auftretens. Ein einzelnes Objekt wird zwei Spalten, ein th für den Schlüssel und ein td für den Wert, ohne Kopfzeile. Ein Array einfacher Werte nutzt die Kopfzelle value. Ein verschachteltes Objekt oder Array steht als JSON-Text in der Zelle. Ein leeres Array, ein leeres Objekt, eine nackte Zahl oder eine nackte Zeichenkette stoppt mit einem Fehler.

Wo man es nutzt

  • Eine API-Liste als Tabelle in eine Seite setzen.
  • Zwei Zeilen prüfen, bevor sie zur Gegenseite gehen.
  • Einen Wahrheitswert neben einem Namen lesen, ohne JSON-Betrachter.

Fragen

Warum ist der Rückweg nicht dasselbe JSON?

Die Tabelle speichert Zelltext. Zurück sind 1 und true die Zeichenketten "1" und "true".

Wohin ging das verschachtelte Objekt?

Es bleibt JSON-Text in der Zelle, nicht eine weitere Tabelle.