Json文件格式化方法詳解
1. JSON 是一種存儲和交換數(shù)據(jù)的語法
當數(shù)據(jù)在瀏覽器與服務器之間進行交換時，這些數(shù)據(jù)只能是文本。
JSON 屬于文本，并且我們能夠把任何 JavaScript 對象轉換為 JSON，然后將 JSON 發(fā)送到服務器。
我們也能把從服務器接收到的任何 JSON 轉換為 JavaScript 對象。
以這樣的方式，我們能夠把數(shù)據(jù)作為 JavaScript 對象來處理，無需復雜的解析和轉譯。
2. 格式化問題描述
有時我們使用IDE或者文檔查看器打開Json時，發(fā)現(xiàn)顯示的是長長的一行，如下圖所示
也有時是多行，但整個文件像文本文檔一樣比較整齊地換行。
這樣對計算機讀取是沒有任何影響的，但對人很不友好，本文介紹兩種格式化方法。格式化之后更方便人的閱讀。
3. vscode-json插件
VSCode編輯器功能非常強大，是最好用的編輯器之一。vscode-json是它的一款插件。
在VSCode中支持安裝插件擴展，那么我們就找到Json格式的插件。
下載vscode-json插件，因為簡介中該插件支持格式化Json功能。
- 轉化為帶縮進的形式（對人更友好）
在Ubuntu中按ctrl + alt + b三個按鍵。
在Mac中按cmd + alt + b三個鍵
- 轉化為單行形式
在Ubuntu中按ctrl + alt + u三個按鍵。
在Mac中按cmd + alt + u三個鍵
在我們的Json格式文件中，按照格式化快捷鍵方式，執(zhí)行調整后json格式可讀性、美觀性大大加強。效果如下所示：
4. 在線格式化
打開網(wǎng)址JSON在線視圖查看器(Online JSON Viewer)
把Json文件的內(nèi)容拷貝到左側Json數(shù)據(jù)框，右側視圖中就會給出格式化后的結果。當數(shù)據(jù)量較大時，使用起來可能會比較卡。
5. 命令化格式化
當JSON文件非常大時，建議使用該方法
For Mac/Linux users:
cat ugly.json | python -mjson.tool > pretty.json
For Windows users
type ugly.json | python -mjson.tool > pretty.json
參考文獻
https://jingyan.baidu.com/article/0964eca21cebaec384f5362b.html
data processing - Best way to format large JSON file? (~30 mb) - Stack Overflow
到此這篇關于Json文件格式化方法的文章就介紹到這了,更多相關Json文件格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了js中位運算的運用實例分析,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了JS同源策略和CSRF，對跨站跨域感興趣的同學，可以看一下2021-05-05
這篇文章主要介紹了js簡單的分頁器插件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
javascript實現(xiàn)編寫網(wǎng)頁版計算器
這篇文章主要為大家詳細介紹了javascript實現(xiàn)編寫網(wǎng)頁版計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
js獲取url參數(shù)值的方法有很多，下面也為大家介紹兩種，喜歡的朋友可以測試下，希望對大家有所幫助2013-09-09
這篇文章主要為大家詳細介紹了基于iScroll實現(xiàn)下拉刷新和上滑加載效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
關于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些
代碼規(guī)范并不是一種編寫正確JavaScript代碼的規(guī)則，而是為了保持源代碼編寫模式一致的一種選擇。這篇文章給大家介紹了關于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些，感興趣的朋友一起看看吧2018-04-04
這篇文章主要介紹了小程序自定義導航欄兼容適配所有機型（附完整案例），文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
巧用weui.topTips驗證數(shù)據(jù)的實例
下面小編就為大家?guī)硪黄捎脀eui.topTips驗證數(shù)據(jù)的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
下面小編就為大家?guī)硪黄趯ο蠛喜⒐δ艿膶崿F(xiàn)示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10