Json文件格式化方法詳解
1. JSON 是一種存儲(chǔ)和交換數(shù)據(jù)的語法
當(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ì)象來處理,無需復(fù)雜的解析和轉(zhuǎn)譯。
2. 格式化問題描述
有時(shí)我們使用IDE或者文檔查看器打開Json時(shí),發(fā)現(xiàn)顯示的是長長的一行,如下圖所示
![]()
也有時(shí)是多行,但整個(gè)文件像文本文檔一樣比較整齊地?fù)Q行。
這樣對(duì)計(jì)算機(jī)讀取是沒有任何影響的,但對(duì)人很不友好,本文介紹兩種格式化方法。格式化之后更方便人的閱讀。
3. vscode-json插件
VSCode編輯器功能非常強(qiáng)大,是最好用的編輯器之一。vscode-json是它的一款插件。
在VSCode中支持安裝插件擴(kuò)展,那么我們就找到Json格式的插件。

下載vscode-json插件,因?yàn)楹喗橹性摬寮С指袷交疛son功能。
- 轉(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í),使用起來可能會(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)文章
javascript實(shí)現(xiàn)編寫網(wǎng)頁版計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)編寫網(wǎng)頁版計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08
基于iScroll實(shí)現(xiàn)下拉刷新和上滑加載效果
這篇文章主要為大家詳細(xì)介紹了基于iScroll實(shí)現(xiàn)下拉刷新和上滑加載效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些
代碼規(guī)范并不是一種編寫正確JavaScript代碼的規(guī)則,而是為了保持源代碼編寫模式一致的一種選擇。這篇文章給大家介紹了關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些,感興趣的朋友一起看看吧2018-04-04
小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例)
這篇文章主要介紹了小程序自定義導(dǎo)航欄兼容適配所有機(jī)型(附完整案例),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
巧用weui.topTips驗(yàn)證數(shù)據(jù)的實(shí)例
下面小編就為大家?guī)硪黄捎脀eui.topTips驗(yàn)證數(shù)據(jù)的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04

