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

javascript格式化json顯示實例分析

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

本文實例講述了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;
};

關(guān)于json格式化感興趣的朋友還可參考在線工具:

JSON代碼工具

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

    JavaScript?中的字符串操作可能很復(fù)雜,?盡管字符串操作易于掌握,但實施起來卻具有挑戰(zhàn)性,其中一個相關(guān)領(lǐng)域是添加新行,這篇文章主要介紹了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()的真正用武之地是能夠擴(kuò)充函數(shù)賴以運行的作用域,如果我們想用傳統(tǒng)的方法實現(xiàn)
    2012-07-07
  • 收集的比較全的automation服務(wù)器不能創(chuàng)建對象 異常原因和解決方法

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

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

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

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

    antd Upload 文件上傳的示例代碼

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

最新評論

大港区| 张掖市| 刚察县| 左云县| 依安县| 榆树市| 张北县| 南阳市| 九龙城区| 雅江县| 新田县| 肃北| 霞浦县| 长宁县| 图木舒克市| 泰州市| 竹山县| 东兴市| 资阳市| 措勤县| 通渭县| 闻喜县| 巴里| 洛川县| 兴海县| 仲巴县| 乐山市| 沈丘县| 浦江县| 托里县| 蒙自县| 汝州市| 额尔古纳市| 古浪县| 玉林市| 四子王旗| 新河县| 尚义县| 新安县| 鲁甸县| 平山县|