javascript - JSON 对象的可视化（关联数组）

Question

我想显示 JavaScript 对象 (JSON)，或更一般的关联数组（哈希、映射）。扁平的没有问题，这些都是简单的桌子。但是数组和深度嵌套的对象会出现问题。

有没有好的库来可视化这个？我在这里看到两个选项

1. 可视化为嵌套表

   这是一个很好的例子，我很喜欢它，但显然没有库结构

2. 关联数组是一棵树，因此可以将问题简化为可视化一棵树。

Answer 1

我知道 JIT - JavaScript InfoVis Toolkit - 是一个 js 库，可以显示来自 JSON 数据的树（空间树布局）图形结构。

D3.js 是另一个，它有可以处理 JSON 数据的树形布局 js。有这个 StackOverflow问题。

我从未尝试过其中任何一个。

Answer 2

如果这是为了从后端调试，我强烈建议：

JSON 查看 Chrome 扩展

但是，如果这是用于 Javascript 调试：

console.dir(myJSONObj);

对于 obj，console.dir 比 console.log 效果更好。