最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript格式化json顯示實例分析

 更新時間:2015年04月21日 14:56:51   作者:肥佬  
這篇文章主要介紹了javascript格式化json顯示,實例分析了javascript操作json格式化的相關技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了javascript格式化json顯示方法。分享給大家供大家參考。具體分析如下:

將json對象或者json字符串格式化方便在網(wǎng)頁上限制

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格式化感興趣的朋友還可參考在線工具:

JSON代碼工具

希望本文所述對大家的javascript程序設計有所幫助。

相關文章

  • js實現(xiàn)iframe動態(tài)調(diào)整高度的代碼

    js實現(xiàn)iframe動態(tài)調(diào)整高度的代碼

    iframe,尤其是不帶邊框的iframe因為能和網(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分數(shù)據(jù)成為可能,可是iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,現(xiàn)在,讓我來告訴大家一種iframe動態(tài)調(diào)整高度的方法,主要是以下JS函數(shù):
    2008-01-01
  • JS引用傳遞與值傳遞的區(qū)別與用法分析

    JS引用傳遞與值傳遞的區(qū)別與用法分析

    這篇文章主要介紹了JS引用傳遞與值傳遞的區(qū)別與用法,結(jié)合實例形式較為詳細的對比分析了javascript引用傳遞與值傳遞的原理、區(qū)別、使用方法及相關操作注意事項,需要的朋友可以參考下
    2018-06-06
  • JavaScript實現(xiàn)英語單詞題庫

    JavaScript實現(xiàn)英語單詞題庫

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)英語單詞題庫,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • JS highcharts動態(tài)柱狀圖原理及實現(xiàn)

    JS highcharts動態(tài)柱狀圖原理及實現(xiàn)

    這篇文章主要介紹了JS highcharts動態(tài)柱狀圖原理及實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-10-10
  • JavaScript?中的行繼續(xù)符操作

    JavaScript?中的行繼續(xù)符操作

    JavaScript?中的字符串操作可能很復雜,?盡管字符串操作易于掌握,但實施起來卻具有挑戰(zhàn)性,其中一個相關領域是添加新行,這篇文章主要介紹了JavaScript中的行繼續(xù)符操作,需要的朋友可以參考下
    2023-06-06
  • 用javascript讀取xml文件讀取節(jié)點數(shù)據(jù)

    用javascript讀取xml文件讀取節(jié)點數(shù)據(jù)

    這篇文章主要介紹了用javascript讀取xml文件讀取節(jié)點數(shù)據(jù)的具體實現(xiàn),需要的朋友可以參考下
    2014-08-08
  • JavaScript中的apply()方法和call()方法使用介紹

    JavaScript中的apply()方法和call()方法使用介紹

    我們發(fā)現(xiàn)apply()和call()的真正用武之地是能夠擴充函數(shù)賴以運行的作用域,如果我們想用傳統(tǒng)的方法實現(xiàn)
    2012-07-07
  • 收集的比較全的automation服務器不能創(chuàng)建對象 異常原因和解決方法

    收集的比較全的automation服務器不能創(chuàng)建對象 異常原因和解決方法

    對于出現(xiàn)automation服務器不能創(chuàng)建對象的問題,下面有幾種解決方法大家可以試試。
    2008-10-10
  • 小程序和web畫三角形實現(xiàn)解析

    小程序和web畫三角形實現(xiàn)解析

    這篇文章主要介紹了小程序和web畫三角形實現(xiàn)解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-09-09
  • antd Upload 文件上傳的示例代碼

    antd Upload 文件上傳的示例代碼

    這篇文章主要介紹了antd Upload 文件上傳的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12

最新評論

武川县| 喀喇沁旗| 平乐县| 洞口县| 安岳县| 错那县| 米脂县| 广丰县| 蕲春县| 辰溪县| 宁国市| 定陶县| 扎鲁特旗| 泉州市| 江西省| 兴安县| 大丰市| 辽中县| 定结县| 南昌县| 三河市| 红桥区| 江津市| 敖汉旗| 沅陵县| 天津市| 长沙市| 大埔区| 佳木斯市| 滦平县| 信宜市| 武清区| 永春县| 班戈县| 克山县| 特克斯县| 广元市| 柳林县| 安化县| 巴里| 丹巴县|