JSON 繁體中文教學站

從六種型別到延伸格式,做成中英對照的解說

8 單元 · 含延伸格式專章(JSONC / JSON5 / JSON Lines)· 內容 CC-BY-4.0

JSON(JavaScript Object Notation)是網路世界的「通用語言」—— API 回應、設定檔、資料交換,幾乎無所不在。本站在「機器的語言」看似簡單 卻充滿細節的時代,帶你徹底讀懂它,並認識它的延伸格式。

🕸️
概念地圖
Concept Map
JSON 語法全景圖——型別、鐵則、延伸格式與生態系,一張圖看懂。
語法總覽一圖看懂
🧗
學習路線
Learning Path
從認識到精通的分層路線:L0 認識 → L1 型別 → L2 細節 → L3 延伸 → L4 實作。
五層路線循序漸進
📚
單元教學
Lessons
8 個單元循序漸進:型別、語法鐵則、字串數字、巢狀、延伸格式、生態系與實作。
8 單元中英對照
📝
關於本站
About
網站緣起、授權方式與建置方式。
授權建置

為什麼學 JSON?

你每天都在「消費」JSON,只是未必知道:呼叫 API 回傳的資料、package.jsontsconfig.json、瀏覽器 devtools 裡看到的回應體——全都是 JSON(或它的延伸格式)。

學 JSON 的價值在於「讀懂任何介面」:看到一段 JSON,你能立刻知道它的結構、 欄位型別,以及該怎麼在程式裡取用。看似簡單的格式,藏著型別陷阱與延伸格式的學問。

立即體驗:JSON 原始碼 vs 解讀

JSON · 原始碼
{
  "name": "JSON 教學",
  "units": 8,
  "published": true,
  "topics": ["型別", "延伸格式"]
}
解讀 · EXPLAINED
物件 object({ })
├─ "name": 字串 string
├─ "units": 數字 number
├─ "published": 布林 boolean
└─ "topics": 陣列 array([ ])
     ├─ "型別"(字串)
     └─ "延伸格式"(字串)
想開始嗎?學習路線選一條適合你的路, 或直接進單元 1:JSON 是什麼