首頁 > web前端 > js教程 > 如何在 JavaScript 中漂亮地列印 JSON 並添加語法突出顯示?

如何在 JavaScript 中漂亮地列印 JSON 並添加語法突出顯示?

Linda Hamilton
發布: 2024-12-19 22:34:11
原創
556 人瀏覽過

How can I pretty-print JSON in JavaScript and add syntax highlighting?

在 JavaScript 中漂亮地列印 JSON

以人類可讀的格式顯示 JSON 對於理解和調試資料至關重要。在 JavaScript 中,這是透過原生 JSON.stringify() 函數實現的。

原生漂亮列印:

JSON.stringify() 的第三個參數啟用漂亮- 列印並指定縮排等級。例如:

這將輸出帶有 2 個空格縮排的 JSON,使其更易於閱讀。

語法突出顯示:

For更精細的格式,您可以使用正規表示式來突出顯示 JSON 中的不同元素字串。

此函數以 HTML 標籤取代某些模式,以將顏色等樣式套用於不同的 JSON 元素。

完整程式碼片段:

這是一個綜合範例:

此腳本解析JSON 對象,漂亮地列印它,並將其與語法突出顯示的JSON 一起顯示。

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

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