更好的方法。

用Javascript美化JSON数组

JSON.stringify(jsonobj,null,'\t')

以下是如何在不使用本机函数的情况下打印。

function pretty(ob, lvl = 0) {

  let temp = [];

  if(typeof ob === "object"){
    for(let x in ob) {
      if(ob.hasOwnProperty(x)) {
        temp.push( getTabs(lvl+1) + x + ":" + pretty(ob[x], lvl+1) );
      }
    }
    return "{\n"+ temp.join(",\n") +"\n" + getTabs(lvl) + "}";
  }
  else {
    return ob;
  }

}

function getTabs(n) {
  let c = 0, res = "";
  while(c++ < n)
    res+="\t";
  return res;
}

let obj = {a: {b: 2}, x: {y: 3}};
console.log(pretty(obj));

/*
  {
    a: {
      b: 2
    },
    x: {
      y: 3
    }
  }
*/

这里有一些东西来修饰这个老掉牙但很好的问题。如果您想将格式化的对象转储到控制台，但它仍像一团包裹的乱麻一样转储，隐藏字符如下？？？

'{\n    "_id": "630577bba145ff4f1",\n    "role": "user"}'

但你想要这种可爱？？：

{
    "_id": "630557672d877bba145ff4f1",
    "role": "user"
}

诀窍是将JSON.stringify（）包装在console.log（）语句中。如果你讨厌打字，尝试构建代码段来完成繁重的工作。。。

如果您正在处理大型对象，这非常有用。

在浏览器开发工具中的“代码段”部分添加一个代码段，如下所示（更多…）：

let o = <object to print>
console.log(JSON.stringify(o, null, 4))
console.log(o)

然后简单地替换为对象（可以从当前上下文中获得）并运行代码段。

漂亮的打印是在JSON.stringify（）中本地实现的。第三个参数启用漂亮的打印并设置要使用的间距：

var str = JSON.stringify(obj, null, 2); // spacing level = 2

如果您需要语法高亮显示，可以使用一些正则表达式魔法，例如：

function syntaxHighlight(json) {
    if (typeof json != 'string') {
         json = JSON.stringify(json, undefined, 2);
    }
    json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
        var cls = 'number';
        if (/^"/.test(match)) {
            if (/:$/.test(match)) {
                cls = 'key';
            } else {
                cls = 'string';
            }
        } else if (/true|false/.test(match)) {
            cls = 'boolean';
        } else if (/null/.test(match)) {
            cls = 'null';
        }
        return '<span class="' + cls + '">' + match + '</span>';
    });
}

在这里查看实际操作：jsfiddle

或以下提供的完整片段：

函数输出（inp）{document.body.appendChild（document.createElement（'pre'））.innerHTML=inp；}函数syntaxHighlight（json）{json=json.replace（/&/g，'&amp；'）.replace（//g，'&lt；'）/replace（/>/g，'&gt；'）；return json.replace（/（“（\\u[a-zA-Z0-9]｛4｝| \\[^u]|[^\\“]）*”（\s*：）？|\b（true|false|null）\b|-？\d+（？：\.\d*）？（？：[eE][+\-]？\d+）？）/g，函数（匹配）{var cls=“数字”；if（/^“/.test（匹配））{if（/：$/.test（匹配））{cls=“键”；}其他{cls=“字符串”；}}else if（/true|false/.test（匹配））{cls=“布尔值”；}else if（/null/.test（match））{cls=“null”；}return'<span class=“'+cls+'”>'+match+'</span>'；});}var obj={a:1，'b'：'o'，c:[false，'false'，null，'null'，{d:{e:1.3e5，f:'1.3e5'}}]}；var str=JSON.stringify（obj，未定义，4）；输出（str）；输出（syntaxHighlight（str））；前置{outline:1px实心#ccc；padding:5px；margin:5px；}.string｛color:绿色；｝.number｛color:深橙色；｝布尔｛color:blue；｝.null｛color:洋红色；｝.key｛color:红色；｝

这是user123444555621的很棒的HTML，适合终端。易于调试节点脚本：

function prettyJ(json) {
  if (typeof json !== 'string') {
    json = JSON.stringify(json, undefined, 2);
  }
  return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, 
    function (match) {
      let cls = "\x1b[36m";
      if (/^"/.test(match)) {
        if (/:$/.test(match)) {
          cls = "\x1b[34m";
        } else {
          cls = "\x1b[32m";
        }
      } else if (/true|false/.test(match)) {
        cls = "\x1b[35m"; 
      } else if (/null/.test(match)) {
        cls = "\x1b[31m";
      }
      return cls + match + "\x1b[0m";
    }
  );
}

用法：

// thing = any json OR string of json
prettyJ(thing);

我想你在找这样的东西：

JSON.stringify(obj, null, '\t');

这“漂亮地打印”了JSON字符串，使用制表符进行缩进。

如果您喜欢使用空格而不是制表符，也可以使用数字表示您想要的空格数：

JSON.stringify(obj, null, 2);