首頁 > web前端 > js教程 > 如何使用語法突出顯示來漂亮地列印 JSON?

如何使用語法突出顯示來漂亮地列印 JSON?

DDD
發布: 2024-12-15 18:19:14
原創
528 人瀏覽過

How Can I Pretty-Print JSON with Syntax Highlighting?

以人類可讀的格式顯示 JSON:漂亮印刷

可以透過漂亮列印將 JSON 轉換為更具視覺吸引力和人類可讀的格式。此方法透過利用縮排和空格來增強可讀性,甚至可能包括顏色或字體樣式。

原生 JSON.stringify() 方法

JSON.stringify() 本機包含漂亮的列印功能。透過指定第三個參數,您可以啟用漂亮列印並定義縮排等級。

var str = JSON.stringify(obj, null, 2); // sets spacing to 2
登入後複製

使用正規表示式進行語法突出顯示

要將語法突出顯示合併到漂亮列印的 JSON 中,您可以利用正規表示式的力量。

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}
登入後複製

成熟範例

下面是一個完整的範例,示範了語法突出顯示和漂亮列印:

function output(inp) {
  document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}

var obj = { ... };
var str = JSON.stringify(obj, undefined, 4);

output(str);
output(syntaxHighlight(str));
登入後複製

此範例展示了帶有縮進的漂亮列印和語法突出顯示的實際效果。

以上是如何使用語法突出顯示來漂亮地列印 JSON?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板