javascript - 将 javascript 对象树转换为可打印字符串以供查看？

Question

我已经创建了很多次，但我想看看其他人是否有更好的算法来将 JavaScript 对象转换为格式化字符串以显示给用户。这不是为了同步(否则，只需使用 JSON.stringify())，这是为了以用户易于阅读和导航的格式显示。

主要编辑:

让我更具体地说:我想将 JavaScript 对象转换为 HTML 元素，以提供可导航的树结构。考虑以下 JSON 表示法中的对象:

var bob = { 
    id: 1, 
    name: "bob", 
    orders: [{id:1, name:"ord1"}, {id:2, name:"ord2"}], 
    otherObj: { 
      id: "anotherObj", 
      grandchild: { id: "anotherObj" }
    }
};

我想将上面的内容转换为 HTML DOM 对象，该对象将形成一个树结构，以显示“bob”的所有子代的方式显示对象树，其中数组和对象折叠起来，并提供以下功能向下钻取(展开)这些子对象。

我不想对输出格式过于具体，因为我会接受任何输出对象树的创造性方式。我只是希望它能够展开和折叠以实现向下钻取的目的。

Answer 1

如果您搜索“json TreeView ”，您会发现许多此类实现。

例如:

• dijit tree ，dojo 工具包的一部分
• 这个online tool
• 等等