萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript格式化json顯示實例分析

javascript格式化json顯示實例分析

   javascript格式化json顯示

         實例分析了javascript操作json格式化的相關技巧,非常具有實用價值,需要的朋友可以參考下

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

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

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 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, 'rn$1rn'); // add newline before and after square brackets reg = /([[]])/g; json = json.replace(reg, 'rn$1rn'); // add newline after comma reg = /(,)/g; json = json.replace(reg, '$1rn'); // remove multiple newlines reg = /(rnrn)/g; json = json.replace(reg, 'rn'); // remove newlines before commas reg = /rn,/g; json = json.replace(reg, ','); // optional formatting... if (!options.newlineAfterColonIfBeforeBraceOrBracket) { reg = /:rn{/g; json = json.replace(reg, ':{'); reg = /:rn[/g; json = json.replace(reg, ':['); } if (options.spaceAfterColon) { reg = /:/g; json = json.replace(reg, ': '); } $.each(json.split('rn'), 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 + 'rn'; pad += indent; }); return formatted; };

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

copyright © 萬盛學電腦網 all rights reserved