JavaScript 数据格式化/ pretty-print

Question

我正在尝试找到一种方法，以人类可读的形式“漂亮地打印”JavaScript 数据结构以进行调试。

我有一个相当大且复杂的数据结构存储在JS中，我需要编写一些代码来操作它。为了弄清楚我在做什么以及哪里出了问题，我真正需要的是能够完整地查看数据结构，并在我通过 UI 进行更改时更新它。

除了找到一种将 JavaScript 数据结构转储为人类可读字符串的好方法之外，所有这些东西我都可以自己处理。 JSON 可以，但它确实需要良好的格式和缩进。我通常会使用 Firebug 优秀的 DOM 转储工具来实现此目的，但我确实需要能够立即看到整个结构，这在 Firebug 中似乎不可能。

Answer 1

使用Crockford's JSON.stringify像这样:

var myArray = ['e', {pluribus: 'unum'}];
var text = JSON.stringify(myArray, null, '\t'); //you can specify a number instead of '\t' and that many spaces will be used for indentation...

变量文本看起来像这样:

[
  "e",
   {
      "pluribus": "unum"
   }
]

<小时/>

顺便说一句，这只需要 JS 文件 - 它可以与任何库等一起使用。