JSON 轉 HTML 表格

把一組 JSON 物件轉成 HTML 表格。另一個方向是 HTML 表格轉 JSON · JSON 轉 CSV

這一頁做什麼

一組 JSON 物件做成表格更好讀。這一頁在瀏覽器裡寫出 HTML 表格。另一個方向是 HTML 表格轉 JSON。同一批列的 CSV 在 JSON 轉 CSV。

怎麼用

  1. 貼上 JSON。輸入時立即更新開著。
  2. 轉換只做一次。顯示範例填入 [{"id":1,"name":"Ada","ok":true},{"id":2,"name":"Grace","ok":false}]。
  3. 結果是一張表。表頭是 id、name 和 ok。第一列是 1、Ada、true。第二列是 2、Grace、false。
  4. 全部清除清空兩個框。複製結果複製 HTML。

規則和邊界

物件陣列按鍵第一次出現的順序各佔一欄。單一物件寫成兩欄,鍵是 th,值是 td,沒有表頭列。一串普通值的表頭是 value。巢狀物件或陣列在儲存格裡寫成 JSON 文字。空陣列、空物件、單獨的數字或字串會報錯停下。

用在哪

  • 把一份介面清單貼成頁面上的表。
  • 先看兩列,再送到反向那一頁。
  • 不用 JSON 檢視器,也能把布林值放在名字旁邊看。

常見問題

為什麼轉回去不是原來的 JSON?

表格裡存的是儲存格文字。轉回去時,1 和 true 是字串 "1" 和 "true"。

巢狀物件去哪了?

它留在儲存格裡,是 JSON 文字,不會再變成一張表。