javascript格式化json显示实例分析
2015-04-21 14:56
896 查看
本文实例讲述了javascript格式化json显示方法。分享给大家供大家参考。具体分析如下:
将json对象或者json字符串格式化方便在网页上限制
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; };
关于json格式化感兴趣的朋友还可参考在线工具:
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- 用javascript格式化json以便显示阅读
- javascript格式化json显示
- JavaScript常见JSON操作实例分析
- javascript格式化json显示
- javaScript中push函数用法实例分析
- JavaScript实现Iterator模式实例分析
- javascript遍历json对象的key和任意js对象属性实例
- javascript显示用户停留时间的简单实例
- VC实例分析:图形显示CPU内存运用率
- JavaScript实例 实现滚屏显示
- JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
- js实例分析JavaScript中的事件委托和事件绑定
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
- JavaScript中this的用法实例分析
- JavaScript对象的浅拷贝与深拷贝实例分析
- Jquery格式化显示Json数据
- JavaScript执行环境及作用域链实例分析
- JavaScript事件委托技术实例分析
- javascript(实时显示时间)代码实例