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...

变量 text 看起来像这样:

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

---

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