HTML 表格轉 JSON

把第一個 HTML 表格讀成 JSON 或 CSV。另一個方向是 JSON 轉 HTML 表格 · JSON 轉 CSV

這一頁做什麼

HTML 表格本身就是列和欄。這一頁把第一個表格讀成 JSON 或 CSV。另一個方向是 JSON 轉 HTML 表格。已經是列的 JSON 可以用 JSON 轉 CSV。

怎麼用

  1. 貼上 HTML。輸入時立即更新開著。輸出一開始是 JSON。
  2. 轉換只做一次。顯示範例填入表頭為 id、name、ok 的表,兩列是 1 / Ada / true 和 2 / Grace / false,並把輸出設為 JSON。
  3. JSON 是兩個物件。每個值都是字串:"1"、"Ada"、"true",然後是 "2"、"Grace"、"false"。
  4. 把輸出改成 CSV。文字是 id,name,ok,然後 1,Ada,true,然後 2,Grace,false,這些儲存格不加引號。
  5. 全部清除清空兩個框。複製結果複製輸出。

規則和邊界

只讀第一個 table。由 th 組成的表頭列變成鍵。沒有表頭時,欄名是 col1、col2。儲存格裡的標籤去掉,文字留下。儲存格一律是字串,數字和布林值不會變回 JSON 類型。CSV 儲存格裡若有逗號、引號或換行,會加上引號。

用在哪

  • 把一張簡單的 HTML 表收成 JSON。
  • 從沒有引號的表做出 CSV。
  • 核對 JSON 表格那一頁轉回去仍是文字。

常見問題

為什麼 id 是字串?

儲存格裡是文字,不是 JSON 類型。1 存成 "1"。

頁面上有兩張表呢?

讀到的是第一張表。