JS 格式化 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...

      // make sure we start with the JSON as a string
      if (typeof json !== 'string') {
        json = JSON.stringify(json);
      }
      // parse and 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;
};

调用方式：

var json = [{"Sequence":6,"CallerAppID":"","Status":"enabled","_Id":"586b5cfe594b7e0007be4dc8","Name":"SSSSS","Key":"4XOVrx1iEp8mNdTGspBf1ntfLxfDcYqZgF4fein_XchA_z0PSSFqJvyyUgKn-QiK"},{"Sequence":7,"CallerAppID":"","Status":"enabled","_Id":"586b5d0a594b7e0007be4dc9","Name":"TRTRTRT","Key":"3GLN9walQDcysH41sgFKlelPqOVo5QEwS9-6t6nEH2uYIuXMIu33h6Th057ack1U"},{"Sequence":8,"CallerAppID":"","Status":"enabled","_Id":"586b5d96594b7e0007be4dca","Name":"555555","Key":"I9heBlJEzqxY5HscH6EJwvV4LYKnO4q49bFAxHw_7bO7e489wZbO8QH7-NuUKxUT"}];

$("#back_result").html(formatJson(json));

输出格式：

[
    {
        "Sequence": 6,
        "CallerAppID": "",
        "Status": "enabled",
        "_Id": "586b5cfe594b7e0007be4dc8",
        "Name": "SSSSS",
        "Key": "4XOVrx1iEp8mNdTGspBf1ntfLxfDcYqZgF4fein_XchA_z0PSSFqJvyyUgKn-QiK"
    },
    {
        "Sequence": 7,
        "CallerAppID": "",
        "Status": "enabled",
        "_Id": "586b5d0a594b7e0007be4dc9",
        "Name": "TRTRTRT",
        "Key": "3GLN9walQDcysH41sgFKlelPqOVo5QEwS9-6t6nEH2uYIuXMIu33h6Th057ack1U"
    },
    {
        "Sequence": 8,
        "CallerAppID": "",
        "Status": "enabled",
        "_Id": "586b5d96594b7e0007be4dca",
        "Name": "555555",
        "Key": "I9heBlJEzqxY5HscH6EJwvV4LYKnO4q49bFAxHw_7bO7e489wZbO8QH7-NuUKxUT"
    }
]