javascript格式化json顯示實(shí)例分析
更新時(shí)間:2015年04月21日 14:56:51 作者:肥佬
這篇文章主要介紹了javascript格式化json顯示,實(shí)例分析了javascript操作json格式化的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了javascript格式化json顯示方法。分享給大家供大家參考。具體分析如下:
將json對(duì)象或者json字符串格式化方便在網(wǎng)頁(yè)上限制
var formatJson = function(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ''; //one can also use '\t' or a different number of spaces // optional settings options = options || {}; // remove newline where '{' or '[' follows ':' options.newlineAfterColonIfBeforeBraceOrBracket = (options.newlineAfterColonIfBeforeBraceOrBracket === true) ? true : false; // use a space after a colon options.spaceAfterColon = (options.spaceAfterColon === false) ? false : true; // begin formatting... if (typeof json !== 'string') { // make sure we start with the JSON as a string json = JSON.stringify(json); } else { // is already a string, so parse and re-stringify //in order to remove extra whitespace json = JSON.parse(json); json = JSON.stringify(json); } // add newline before and after curly braces reg = /([\{\}])/g; json = json.replace(reg, '\r\n$1\r\n'); // add newline before and after square brackets reg = /([\[\]])/g; json = json.replace(reg, '\r\n$1\r\n'); // add newline after comma reg = /(\,)/g; json = json.replace(reg, '$1\r\n'); // remove multiple newlines reg = /(\r\n\r\n)/g; json = json.replace(reg, '\r\n'); // remove newlines before commas reg = /\r\n\,/g; json = json.replace(reg, ','); // optional formatting... if (!options.newlineAfterColonIfBeforeBraceOrBracket) { reg = /\:\r\n\{/g; json = json.replace(reg, ':{'); reg = /\:\r\n\[/g; json = json.replace(reg, ':['); } if (options.spaceAfterColon) { reg = /\:/g; json = json.replace(reg, ': '); } $.each(json.split('\r\n'), function(index, node) { var i = 0, indent = 0, padding = ''; if (node.match(/\{$/) || node.match(/\[$/)) { indent = 1; } else if (node.match(/\}/) || node.match(/\]/)) { if (pad !== 0) { pad -= 1; } } else { indent = 0; } for (i = 0; i < pad; i++) { padding += PADDING; } formatted += padding + node + '\r\n'; pad += indent; }); return formatted; };
關(guān)于json格式化感興趣的朋友還可參考在線(xiàn)工具:
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JSON格式化輸出
- json格式化/壓縮工具 Chrome插件擴(kuò)展版
- 詳談表單格式化插件jquery.serializeJSON
- Json.net日期格式化設(shè)置方式
- Javascript格式化并高亮xml字符串的方法及注意事項(xiàng)
- js實(shí)現(xiàn)最短的XML格式化工具實(shí)例
- 如何使用Javascript正則表達(dá)式來(lái)格式化XML內(nèi)容
- js實(shí)現(xiàn)的xml對(duì)象轉(zhuǎn)json功能示例
- 如何在JS中實(shí)現(xiàn)相互轉(zhuǎn)換XML和JSON
- JavaScript格式化json和xml的方法示例
相關(guān)文章
原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取
小測(cè)試shift、ctrl、alt按鍵的獲取,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04js實(shí)現(xiàn)將json數(shù)組顯示前臺(tái)table中
本文主要介紹了把JSON數(shù)組顯示在前臺(tái)的table中的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01