什麼是 JSON?為什麼需要格式化工具?
JSON(JavaScript Object Notation)是目前最廣泛使用的資料交換格式,幾乎所有現代 API 都以 JSON 格式傳遞資料。 然而 API 回應或資料庫匯出的 JSON 通常是壓縮成單行的格式,對人類來說幾乎無法直接閱讀。 JSON 格式化工具能將這些難以閱讀的資料轉化為清晰的樹狀結構,大幅提升開發效率。
格式化(美化)的用途
- • 偵錯 API 回應資料
- • 檢視資料庫查詢結果
- • 審閱設定檔內容
- • 學習 JSON 資料結構
壓縮(Minify)的用途
- • 減少 API 回應體積
- • 優化前端資源載入
- • 儲存時節省空間
- • 移除不必要的空白字元
常見 JSON 錯誤與修正方法
使用單引號而非雙引號
錯誤
{'name': 'John'}正確
{"name": "John"}JSON 規範明確要求字串必須使用雙引號,單引號在 JSON 中是無效的。
結尾多餘的逗號(Trailing Comma)
錯誤
{"a": 1, "b": 2,}正確
{"a": 1, "b": 2}最後一個屬性或陣列元素後面不可有逗號,這是 JavaScript 可接受但 JSON 不允許的語法。
Key 名稱未加引號
錯誤
{name: "John"}正確
{"name": "John"}JSON 的 key 必須是字串並用雙引號包裹,不像 JavaScript 物件可以省略引號。
常見問題
Q: 格式化與美化(beautify)有什麼不同?
A: 兩者意思相同,都是指將壓縮或亂排的 JSON 加入縮排和換行,使其易於閱讀。本工具的「格式化」按鈕即執行此操作。
Q: 可以處理多大的 JSON 檔案?
A: 本工具在瀏覽器端執行,處理能力取決於您的裝置記憶體。一般情況下數 MB 以內的 JSON 均可流暢處理;超大檔案建議使用本地開發工具(如 VS Code)處理。
Q: 格式化後的 JSON 與原始資料一樣嗎?
A: 資料完全相同,只有視覺格式不同。格式化只是增加縮排和換行,壓縮只是移除空白,兩者都不改變任何資料值或結構。