Json文件格式化方法詳解
1. JSON 是一種存儲(chǔ)和交換數(shù)據(jù)的語(yǔ)法
當(dāng)數(shù)據(jù)在瀏覽器與服務(wù)器之間進(jìn)行交換時(shí),這些數(shù)據(jù)只能是文本。
JSON 屬于文本,并且我們能夠把任何 JavaScript 對(duì)象轉(zhuǎn)換為 JSON,然后將 JSON 發(fā)送到服務(wù)器。
我們也能把從服務(wù)器接收到的任何 JSON 轉(zhuǎn)換為 JavaScript 對(duì)象。
以這樣的方式,我們能夠把數(shù)據(jù)作為 JavaScript 對(duì)象來(lái)處理,無(wú)需復(fù)雜的解析和轉(zhuǎn)譯。
2. 格式化問(wèn)題描述
有時(shí)我們使用IDE或者文檔查看器打開Json時(shí),發(fā)現(xiàn)顯示的是長(zhǎng)長(zhǎng)的一行,如下圖所示
也有時(shí)是多行,但整個(gè)文件像文本文檔一樣比較整齊地?fù)Q行。
這樣對(duì)計(jì)算機(jī)讀取是沒(méi)有任何影響的,但對(duì)人很不友好,本文介紹兩種格式化方法。格式化之后更方便人的閱讀。
3. vscode-json插件
VSCode編輯器功能非常強(qiáng)大,是最好用的編輯器之一。vscode-json是它的一款插件。
在VSCode中支持安裝插件擴(kuò)展,那么我們就找到Json格式的插件。
下載vscode-json插件,因?yàn)楹?jiǎn)介中該插件支持格式化Json功能。
- 轉(zhuǎn)化為帶縮進(jìn)的形式(對(duì)人更友好)
在Ubuntu中按ctrl + alt + b三個(gè)按鍵。
在Mac中按cmd + alt + b三個(gè)鍵
- 轉(zhuǎn)化為單行形式
在Ubuntu中按ctrl + alt + u三個(gè)按鍵。
在Mac中按cmd + alt + u三個(gè)鍵
在我們的Json格式文件中,按照格式化快捷鍵方式,執(zhí)行調(diào)整后json格式可讀性、美觀性大大加強(qiáng)。效果如下所示:
4. 在線格式化
打開網(wǎng)址JSON在線視圖查看器(Online JSON Viewer)
把Json文件的內(nèi)容拷貝到左側(cè)Json數(shù)據(jù)框,右側(cè)視圖中就會(huì)給出格式化后的結(jié)果。當(dāng)數(shù)據(jù)量較大時(shí),使用起來(lái)可能會(huì)比較卡。
5. 命令化格式化
當(dāng)JSON文件非常大時(shí),建議使用該方法
For Mac/Linux users:
cat ugly.json | python -mjson.tool > pretty.json
For Windows users
type ugly.json | python -mjson.tool > pretty.json
參考文獻(xiàn)
https://jingyan.baidu.com/article/0964eca21cebaec384f5362b.html
data processing - Best way to format large JSON file? (~30 mb) - Stack Overflow
到此這篇關(guān)于Json文件格式化方法的文章就介紹到這了,更多相關(guān)Json文件格式化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
鼠標(biāo)右擊事件代碼(asp.net后臺(tái))
本程序由一個(gè)js文件和aspx文件組成,沒(méi)有后臺(tái)CS代碼。2011-01-01一篇文章弄懂javascript中的執(zhí)行棧與執(zhí)行上下文
這篇文章主要給大家介紹了關(guān)于javascript中執(zhí)行棧與執(zhí)行上下文的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08深入講解xhr(XMLHttpRequest)/jsonp請(qǐng)求之a(chǎn)bort
這篇文章主要給大家深入的介紹了關(guān)于xhr(XMLHttpRequest)/jsonp請(qǐng)求之a(chǎn)bort的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07JQuery 表格操作(交替顯示、拖動(dòng)表格行、選擇行等)
JQuery 表格操作包括交替顯示、拖動(dòng)表格行、選擇行等功能,大家可以參考下。2009-07-07js解析json讀取List中的實(shí)體對(duì)象示例
這篇文章主要介紹了js解析json讀取List中的實(shí)體對(duì)象的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03javascript性能優(yōu)化之分時(shí)函數(shù)的介紹
本篇文章主要介紹了javascript性能優(yōu)化之分時(shí)函數(shù)的介紹,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03