寫乙個json格式化工具

2022-07-10 23:09:15 字數 869 閱讀 2628

準備:用js來寫、頁面操作元素就用jquery、頁面排版就用bootstrap。

1 對於單純格式化json的話,只需要:

var jsonchar = ',"key4":}';

var jsonobj =json.parse(jsonchar);

var jsonfmt = json.stringify(jsonobj, null, 4);

這時候,jsonfmt就是格式化好的json文字了,直接展示就可以了。

2 往往由於日常工作中的json文字會很長,有時候我們是需要把一些物件給摺疊起來。

那我們嘗試把json的縮排用 ul和li代替,這樣可以很方便些js把ul裡的li給隱藏也就是摺疊了,同時縮排的展示也可以利用 ul和li。

如上示例的json用ul和li代替

}

"key4":

}

摺疊的js,思路如下:

$("li:has(ul)").click(function (event) );

3 格式化之後的json,按key. value 做顏色的區分,再或者把value的不同型別做區分,可以很方便查閱

思路:遍歷格式化後的json文字,遍歷到每一行的時候,用冒號:分開兩組,則可以把key. value做顏色區分。 再把冒號後的value 做判斷,也能判斷出value的型別。

遍歷json的每一行。

$.each(temparr,function (index,obj) );

如此,再遍歷每行json的時候,就可以給json的文字賦值class等的操作。

jsonViewer json格式化工具

以前一直以來都覺得xml個可讀性要比json的可讀性好,後來使用了json viewer這個小工具之後,發現自己錯了。之前認為json的可讀性差,完全是因為沒有很好的檢視工具。json viewer這個小工具可以很方便的檢視json資料。點選format可以方便的將凌亂的json格式化。如果json...

推薦乙個小而美的 Python 格式化工具

可讀性是評判 質量的標準之一,有乙個衡量 質量的標準是 martin 提出的 wft 定律,即每分鐘爆出 wtf 的次數。你在讀別人 或者做 code review 的時候有沒有 wtf 衝動呢?為了幫助開發者統一 風格,python 社群提出了 pep8 編碼風格,它並沒有強制要求大家必須遵循,p...

作為格式化工具 寫部落格必備神器 工具推薦

完成了部落格的搭建之後,接下來就是是內容創作了。而創作的過程中,我們又會有一系列的問題,比如 要解決這些問題其實並不難,無非就是引入不同的工具來幫助我們,好的工具可以讓我們的創作事半功倍!推薦理由 作為一款免費編輯器,可以說是相當的良心,是我目前所知道的最好用的免費編輯器了,沒有之一!它支援多個主流...