JSON 格式化

JSON雖然可以達到快速的解析,但是JSON在沒有格式化之前,不利于閱讀,尤其是比較大的JSON,看起來更是費勁,下面介紹一下Javascript,格式化JSON輸出。

本章節主要會針對JSON的數據格式化(JSON美化),做出講解。

JSON 格式化/美化 栗子

什么都不說了,直接給出一個美化JSON的栗子,先來一個復雜的JSON。

我們先來一個稍微復雜的JSON,不做格式化如下:

{"title":"json在線解析(簡版) - soJSON在線解析","domain":"http://www.jngreu.co/simple_json_beta.html","keywords":"json在線解析","功能":["JSON美化","JSON數據類型顯示","JSON數組顯示角標","高亮顯示","錯誤提示",{"備注":["www.jngreu.co","json.la"]}],"加入我們":{"qq群":"259217951"}}

是不是很著急?這個JSON還稍微短一點,那么我們用JSON在線解析工具操作一把,如下:

{
    "title": "json在線解析(簡版) - soJSON在線解析",
    "domain": "http://www.jngreu.co/simple_json_beta.html",
    "keywords": "json在線解析",
    "功能": [
        "JSON美化",
        "JSON數據類型顯示",
        "JSON數組顯示角標",
        "高亮顯示",
        "錯誤提示",
        {
            "備注": [
                "www.jngreu.co",
                "json.la"
            ]
        }
    ],
    "加入我們": {
        "qq群": "259217951"
    }
}

看到結果后,驚不驚喜、意不意外?閱讀是不是沒瑕疵?

如果遇到JSON錯誤,還會中文提醒錯誤的地方,?應該要怎么樣去改。體驗一下吧?===> JSON在線解析

我們自己來用代碼試驗一下:

var json = {"title":"json在線解析(簡版) - soJSON在線解析","domain":"http://www.jngreu.co/simple_json_beta.html","keywords":"json在線解析","功能":["JSON美化","JSON數據類型顯示","JSON數組顯示角標","高亮顯示","錯誤提示",{"備注":["www.jngreu.co","json.la"]}],"加入我們":{"qq群":"259217951"}};
//每行以10個空格遞進,并且輸出到Id為 outText 的textarea中。
document.getElementById("outText").value = (JSON.stringify(json,null,10));

看到結果后,驚不驚喜、意不意外?閱讀是不是沒瑕疵?原來本站的格式化頁面就是這么做的,把精華都直接告訴您們了。

支付掃碼

所有贊助/開支都講公開明細,用于網站維護:贊助名單查看

正在加載... ...

北京pk一期免费计划 佳永正规配资网站-深圳佳勇网络科技有限公司 排列五基本走势图综合 正规的股票杠杆公司 快三开奖结果查询 七乐彩中奖4个号多少钱 福建31选7 吉林快三奖金 股票论坛有哪些 湖北十一选五开奖数据 浙江11选5走势图 秒速赛车基本走势图 福彩快乐十分开奖 pk10直播 辽宁35选7开奖视频 股票行情 广东好彩1预测