如何以编程方式美化 JSON?

IT技术 javascript json code-formatting pretty-print
2021-01-21 09:15:05

您知道 JavaScript 的任何“JSON Beautifier”吗?

{"name":"Steve","surname":"Jobs","company":"Apple"}

{
  "name" : "Steve",
  "surname" : "Jobs",
  "company" : "Apple"
}

例子

some_magic(jsonObj); // return beautified JSON
1个回答

程序化格式化解决方案:

JSON.stringify许多现代浏览器(包括IE8)支持方法可以输出一个美化的JSON字符串:

JSON.stringify(jsObj, null, "\t"); // stringify with tabs inserted at each level
JSON.stringify(jsObj, null, 4);    // stringify with 4 spaces at each level
演示:http : //jsfiddle.net/AndyE/HZPVL/

此方法也包含在json2.js 中,用于支持旧浏览器。

手动格式化解决方案

如果您不需要以编程方式执行此操作,请尝试JSON Lint它不仅会美化您的 JSON,还会同时验证它。

我觉得 jsonlint.com 有点麻烦。一个更快的工作流程是kadebom.com/jsonlint.html IMO
2021-03-14 09:15:05
在 html 页面上,将输出包装在 <pre></pre> 标签中
2021-03-15 09:15:05
知道null, 2,但不知道 '\t' 也会起作用。极好的!
2021-03-22 09:15:05
太好了,谢谢!(可能值得white-space:pre在 css 中添加也是需要的)
2021-03-24 09:15:05
我使用 JSON.stringify 和toastr输出调试。现场示例
2021-04-07 09:15:05