JSON 是什麼？看懂格式、常見錯誤與線上格式化教學
常聽到 JSON 卻不確定它是什麼？這篇用白話講清楚 JSON 的格式長相、用在哪、最容易出錯的幾個地雷（多餘逗號、引號用錯），以及怎麼線上格式化與驗證，工程師和非工程師都看得懂。
本文部分連結為聯盟連結，透過連結購買不會增加你的費用。
你可能在很多地方看過 JSON 這個詞——串接 API、改設定檔、或工程師同事嘴邊——但不一定真的知道它是什麼。其實 JSON 沒那麼難，看懂它，對任何要處理資料的人都很有用，這篇用白話講清楚。
JSON 是什麼？
JSON 全名是 JavaScript Object Notation，講白話就是一種「記錄資料的格式」——一種人看得懂、電腦也好讀的方式來描述資料。
長相大概是這樣：
{
"name": "小明",
"age": 25,
"isStudent": false,
"skills": ["設計", "攝影"],
"contact": {
"email": "[email protected]",
"phone": "0912-345-678"
}
}
一眼就能看懂：這是一個叫小明、25 歲、不是學生、會設計和攝影的人。這就是 JSON 的魅力——結構清楚、好讀。
JSON 的基本規則
只要記住幾個元素：
| 符號 | 意思 | 例子 |
|---|---|---|
{ } |
物件（一組鍵值對） | {"name": "小明"} |
[ ] |
陣列（清單） | ["a", "b", "c"] |
"鍵": 值 |
鍵值對 | "age": 25 |
: |
分隔鍵和值 | — |
, |
分隔每一項 | — |
值可以是：文字（要用雙引號）、數字、true／false、null，或是另一個物件／陣列（這就是「巢狀」）。
JSON 用在哪？
- 網站／App 的 API：你打開一個 App，它跟伺服器要資料，回傳的多半就是 JSON。
- 設定檔：很多軟體的設定檔（像前端的
package.json）就是 JSON。 - 前後端傳資料：網頁前端和後端之間交換資料的通用語言。
簡單說，現代網路上資料的搬運，大半靠 JSON。
最容易踩的 3 個地雷
JSON 規則嚴格，少一個符號就整個壞掉。最常見的錯：
1. 多餘的逗號。 最後一項後面不能有逗號。
// ❌ 錯
{ "a": 1, "b": 2, }
// ✅ 對
{ "a": 1, "b": 2 }
2. 引號用錯。 字串和鍵都必須用雙引號 "，不能用單引號。
// ❌ 錯
{ 'name': '小明' }
// ✅ 對
{ "name": "小明" }
3. 括號沒對齊。 { } 和 [ ] 一定要成對。
這些錯誤用肉眼很難抓——尤其檔案一長。
怎麼格式化、驗證 JSON？
兩個最常見的需求：
- 擠成一團、看不懂 → 用「美化（beautify）」加上縮排換行
- 要檢查有沒有錯 → 用「驗證」即時標出錯在第幾行
最快的做法是直接用 KitBao 的 JSON 格式化／驗證工具——把 JSON 貼上去，一鍵美化、壓縮或檢查語法錯誤，它完全在你的瀏覽器裡處理、資料不會上傳，開發除錯很安心。
壓成一行的：{"name":"小明","skills":["設計","攝影"]}
美化之後：
{
"name": "小明",
"skills": ["設計", "攝影"]
}
講白了
JSON 就是一種「人和電腦都好讀的資料格式」——用 {} 裝鍵值、用 [] 裝清單，網站 API、設定檔、前後端傳資料幾乎都靠它。寫的時候注意三個地雷：別多逗號、引號用雙引號、括號要成對。遇到擠成一團或不確定有沒有錯的 JSON，丟進 JSON 格式化工具按一下，馬上變好讀、也馬上知道錯在哪。
常見問題
JSON 到底是什麼？
JSON（JavaScript Object Notation）是一種「資料交換格式」——說白話就是一種大家都看得懂、電腦也好讀的方式來『記錄資料』。它用大括號 {} 裝一組組「鍵：值」，用中括號 [] 裝清單。因為又輕量又好讀，幾乎所有網站 API、App 設定檔、前後端傳資料都在用它。你不一定要會寫程式，但看懂 JSON 對處理資料很有幫助。
JSON 和 XML、CSV 差在哪？
三者都是存資料的格式，但取向不同。CSV 像試算表，適合單純的表格（一列一筆、用逗號分欄）；XML 用成對標籤包資料，較囉嗦但結構嚴謹；JSON 介於中間——比 XML 簡潔好讀、又比 CSV 能表達巢狀的複雜結構。現代網路傳資料大多選 JSON，就是因為它在「好讀」和「夠表達」之間取得最好的平衡。
JSON 最常見的錯誤有哪些？
最常見的就三種：一是『多餘的逗號』——最後一個項目後面不能加逗號；二是『引號用錯』——JSON 的字串和鍵都必須用雙引號 "，不能用單引號 '；三是『括號沒對齊』——{ } 和 [ ] 沒成對。這些用肉眼很難抓，貼進線上 JSON 格式化／驗證工具就會即時標出錯在第幾行。
怎麼把擠成一團的 JSON 變好讀？
用「格式化（beautify）」功能。從 API 拿到的 JSON 常常壓成一行、完全沒換行縮排，根本看不懂。把它貼進 JSON 格式化工具按美化，它就會自動加上縮排與換行，結構一目了然；反過來要縮小體積時，也能用『壓縮（minify）』把空白去掉。