什麼是 JSON 格式化?
JSON(JavaScript Object Notation)是一種輕量、以文字為基礎的資料交換格式,由 RFC 8259 和 ECMA-404 所定義。JSON 文件是一棵由六種值類型組成的樹——object、array、string、number、boolean 與 null。格式化為人類閱讀加入空白;壓縮則移除這些空白,讓機器能在網路上傳輸得更快。
JSON 格式化是如何運作的?
你的輸入完全在瀏覽器中處理,使用內建的 JSON.parse 與 JSON.stringify 函式。主要步驟如下:
- 從文字框讀取輸入,並去除前後的空白。
- 瀏覽器使用
JSON.parse解析輸入。如果輸入並非有效的 JSON,解析器會丟出一個SyntaxError,被捕捉後會以發生位置的行號與欄號顯示。 - 當輸入有效時,解析後的值會以
JSON.stringify(value, null, indent)重新輸出,其中indent是你選擇的縮排(2 個空格、4 個空格或一個定位字元)。 - 壓縮時,呼叫
JSON.stringify(value)時不傳入縮排引數,會產生同一個值最短的合法形式,不含任何多餘空白。 - 輸出會寫入唯讀的文字框,狀態面板會回報 JSON 有效,或顯示精確的解析錯誤,方便你直接修正原始碼。
為什麼使用此工具格式化 JSON?
- 隱私:每一次解析、格式化與壓縮都在你的瀏覽器中完成。JSON 從不進入我們的伺服器。
- 即時驗證:錯置的逗號、未加引號的鍵、單引號與多餘的尾端逗號都會以精確的行號和欄號回報,讓你直接跳到問題所在。
- 適合審查的輸出:縮排一致的 JSON 在程式碼審查中能產生乾淨的差異,並產出易讀的設定檔。
- 適用於正式環境的壓縮:移除多餘的空白可以在部署前縮小 API 負載、清單檔以及內嵌的測試資料。
JSON 格式化有哪些常見應用?
在 Web 開發與工具鏈中,讀寫 JSON 隨處可見:
- 除錯 API:將
curl或網路面板的原始回應貼上,確認結構、找出鍵名拼字錯誤或漏掉的關閉大括號。 - 整理設定檔:對手動編輯過的
package.json、tsconfig.json或 CI 清單重新縮排,讓它們順利通過審查與 lint。 - 閱讀日誌:將緊湊的
application/json日誌行重新格式化,使每個欄位整齊對齊,再壓縮回去後貼到工單中。
JSON 格式化範例是什麼樣子?
將 {"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} 貼上後,使用 2 空格縮排按下「格式化」,它會展開成九行,每個物件欄位與每個陣列項目各佔一行。再按「壓縮」就能把格式化後的文字逐位元組地縮回完全相同的緊湊字串。
這個 JSON 格式化工具使用與你的 Node.js、Deno 或瀏覽器執行環境相同的引擎進行解析,輸出可以直接貼回程式碼、設定檔或日誌中。