1// Notes:
  2// - json2.js is not needed if browser supports JSON.stringify and JSON.parse natively
  3// - jQuery is only used to place the results
  4// colon；冒号，pad；填补
  5var formatJson = function(json, options) {
  6  var reg = null,
  7    formatted = "",
  8    pad = 0,
  9    PADDING = "    "; // one can also use '\t' or a different number of spaces
 10
 11  // optional settings
 12  options = options || {};
 13  // remove newline where '{' or '[' follows ':'
 14  options.newlineAfterColonIfBeforeBraceOrBracket =
 15    options.newlineAfterColonIfBeforeBraceOrBracket === true ? true : false;
 16  // use a space after a colon
 17  options.spaceAfterColon = options.spaceAfterColon === false ? false : true;
 18
 19  // begin formatting...
 20
 21  // make sure we start with the JSON as a string
 22  if (typeof json !== "string") {
 23    json = JSON.stringify(json);
 24  }
 25  // parse and stringify in order to remove extra whitespace
 26  // json = JSON.stringify(JSON.parse(json));可以除去多余的空格
 27  json = JSON.parse(json);
 28  json = JSON.stringify(json);
 29
 30  // add newline before and after curly braces
 31  reg = /([\{\}])/g;
 32  json = json.replace(reg, "\r\n$1\r\n");
 33
 34  // add newline before and after square brackets
 35  reg = /([\[\]])/g;
 36  json = json.replace(reg, "\r\n$1\r\n");
 37
 38  // add newline after comma
 39  reg = /(\,)/g;
 40  json = json.replace(reg, "$1\r\n");
 41
 42  // remove multiple newlines
 43  reg = /(\r\n\r\n)/g;
 44  json = json.replace(reg, "\r\n");
 45
 46  // remove newlines before commas
 47  reg = /\r\n\,/g;
 48  json = json.replace(reg, ",");
 49
 50  // optional formatting...
 51  if (!options.newlineAfterColonIfBeforeBraceOrBracket) {
 52    reg = /\:\r\n\{/g;
 53    json = json.replace(reg, ":{");
 54    reg = /\:\r\n\[/g;
 55    json = json.replace(reg, ":[");
 56  }
 57  if (options.spaceAfterColon) {
 58    reg = /\:/g;
 59    json = json.replace(reg, ": ");
 60  }
 61
 62  $.each(json.split("\r\n"), function(index, node) {
 63    var i = 0,
 64      indent = 0,
 65      padding = "";
 66
 67    if (node.match(/\{$/) || node.match(/\[$/)) {
 68      indent = 1;
 69    } else if (node.match(/\}/) || node.match(/\]/)) {
 70      if (pad !== 0) {
 71        pad -= 1;
 72      }
 73    } else {
 74      indent = 0;
 75    }
 76
 77    for (i = 0; i < pad; i++) {
 78      padding += PADDING;
 79    }
 80
 81    formatted += padding + node + "\r\n";
 82    pad += indent;
 83  });
 84
 85  return formatted;
 86};
 87
 88var json = {};
 89
 90// display formatted JSON (as JSON object)
 91json = {
 92  a: {
 93    aa: [
 94      1,
 95      2,
 96      { aaa: "abc", bbb: "defgh", ccc: 987 },
 97      [100, 200, 300, { one: 1, two: "ii", three: "Three" }, 1000]
 98    ],
 99    bb: "xyz",
100    ccc: 777
101  },
102  b: ["qqq", "www", "eee"],
103  c: "hello",
104  d: 12345
105};
106$("#formattedJson1").text(formatJson(json));
107
108// display formatted JSON (from JSON string)
109json =
110  '{       "a": {         "aa": [             1,            2,            {                 "aaa": "abc",' +
111  '                 "bbb": "defgh",                 "ccc": 987             },             [       100,       ' +
112  '200,                     300             ,            { "one": 1, "two"  : "ii", "three"  ' +
113  ': "Three" }, 1000 ]' +
114  "         ],         " +
115  '            "bb":         "xyz",         "ccc": 777     },     "b": [ "qqq", "www", ' +
116  '"eee" ],     "c": "hello",     "d": 12345 }';
117$("#formattedJson2").text(formatJson(json));