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

本章節(jié)主要會(huì)針對(duì)JSON的數(shù)據(jù)格式化（JSON美化），做出講解。

JSON 格式化/美化 栗子

什么都不說了，直接給出一個(gè)美化JSON的栗子，先來一個(gè)復(fù)雜的JSON。

我們先來一個(gè)稍微復(fù)雜的JSON，不做格式化如下：

{"title":"json在線解析（簡(jiǎn)版） - soJSON在線解析","domain":"http://zijieyoumin.cn/simple_json_beta.html","keywords":"json在線解析","功能":["JSON美化","JSON數(shù)據(jù)類型顯示","JSON數(shù)組顯示角標(biāo)","高亮顯示","錯(cuò)誤提示",{"備注":["zijieyoumin.cn","json.la"]}],"加入我們":{"qq群":"259217951"}}

是不是很著急？這個(gè)JSON還稍微短一點(diǎn)，那么我們用JSON在線解析工具操作一把,如下：

{
    "title": "json在線解析（簡(jiǎn)版） - soJSON在線解析",
    "domain": "http://zijieyoumin.cn/simple_json_beta.html",
    "keywords": "json在線解析",
    "功能": [
        "JSON美化",
        "JSON數(shù)據(jù)類型顯示",
        "JSON數(shù)組顯示角標(biāo)",
        "高亮顯示",
        "錯(cuò)誤提示",
        {
            "備注": [
                "zijieyoumin.cn",
                "json.la"
            ]
        }
    ],
    "加入我們": {
        "qq群": "259217951"
    }
}

看到結(jié)果后，驚不驚喜、意不意外？閱讀是不是沒瑕疵？

如果遇到JSON錯(cuò)誤，還會(huì)中文提醒錯(cuò)誤的地方，?應(yīng)該要怎么樣去改。體驗(yàn)一下吧？===> JSON在線解析

我們自己來用代碼試驗(yàn)一下：

var json = {"title":"json在線解析（簡(jiǎn)版） - soJSON在線解析","domain":"http://zijieyoumin.cn/simple_json_beta.html","keywords":"json在線解析","功能":["JSON美化","JSON數(shù)據(jù)類型顯示","JSON數(shù)組顯示角標(biāo)","高亮顯示","錯(cuò)誤提示",{"備注":["zijieyoumin.cn","json.la"]}],"加入我們":{"qq群":"259217951"}};
//每行以10個(gè)空格遞進(jìn)，并且輸出到Id為 outText 的textarea中。
document.getElementById("outText").value = (JSON.stringify(json,null,10));

運(yùn)行一下試試

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

版權(quán)所屬：SOJSON（原創(chuàng)文章）

原文地址：http://zijieyoumin.cn/json/json_fmt.html

轉(zhuǎn)載時(shí)必須以鏈接形式注明原始出處及本聲明。