JSON 格式化工具
貼上 JSON 字串以檢查其有效性、查看美化後的結果,並獲取基本的結構指標。
如何使用此 JSON 格式化工具
- 將 JSON 貼入 JSON 輸入欄位
在 JSON 輸入欄位中貼上或輸入您的 JSON 字串。
- 檢查驗證狀態
「狀態」結果會顯示輸入內容是否為有效的 JSON,或顯示解析錯誤。
- 檢視格式化輸出
有效的 JSON 將以 2 個空格縮排的方式美化顯示於「格式化輸出」區塊。
- 查看結構指標
使用「總鍵數」與「最大嵌套深度」來了解文件結構。
此 JSON 格式化工具的工作原理
此工具使用瀏覽器原生的 JSON.parse 來驗證輸入,並透過帶有縮排的 JSON.stringify 產生美化後的輸出。它還會遍歷解析後的結構,以計算鍵值總數並測量最大嵌套深度。
JSON.parse(input) → JSON.stringify(parsed, null, 2) 輸入:{"name":"test","value":42} → 以 2 個空格縮排格式化,2 個鍵,深度 1。
輸入 {"a":1,"b":[2,3],"c":{"d":4}} → 4 個鍵,深度 2。嵌套物件 c 增加了一層深度。
無效輸入 {"key": undefined} 驗證失敗 — JSON 不包含 undefined;請使用 null 或省略該鍵。
- ✓ 輸入必須為有效的 JSON(不支援 JavaScript 物件或尾隨逗號)。
- ✓ 輸入內容過大可能會影響瀏覽器效能。
- 此工具完全在您的瀏覽器中運行。不會將任何資料傳送到伺服器。
了解 JSON 驗證
JSON (JavaScript Object Notation) 是 JavaScript 字面量語法的嚴格子集。有效的 JSON 要求鍵名與字串值必須使用雙引號,且不得有結尾逗號、注釋或單引號。解析器會逐字元讀取字串並建立解析樹;任何語法錯誤 — 缺少逗號、未轉義的引號或無效數字 — 都會導致驗證失敗,並顯示特定的錯誤訊息與位置。了解常見錯誤很有幫助:陣列最後一個元素或物件最後一個屬性後的結尾逗號是無效的,JavaScript 風格的注釋 (// 或 /* */) 也是如此。數值除了 0 本身外不得有前導零,且字串必須使用有效的轉義序列。
開發者使用 JSON 格式化的實際案例
開發人員在偵錯 API 回應、檢查設定檔以及準備文件數據時會使用 JSON 格式化工具。來自生產環境 API 的壓縮 JSON 難以閱讀;美化列印(pretty-printing)能揭示結構,並更容易發現格式錯誤或非預期的欄位。結構指標(如鍵值數量和嵌套深度)有助於評估複雜性,並識別可能導致效能問題的過度嵌套負載。在編寫測試或固定資料(fixtures)時,格式化後的 JSON 在版本控制中更容易進行差異比較(diff)和審查。驗證器能在發送請求或提交設定檔之前快速捕捉語法錯誤,節省偵錯循環的時間。
常見問題
這是否支援 JSON5 或 JSONC?
否。僅支援標準 JSON (RFC 8259)。註解與尾隨逗號會導致驗證錯誤。
是否有大小限制?
沒有硬性限制,但極大的 JSON 字串可能會導致瀏覽器變慢。