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

时间:2012-11-30 16:47:52

标签: javascript html html5

我已经多次创建了这个,但我想知道是否有其他人有更好的算法将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”的所有子项的方式显示对象树,数组和对象折叠,并提供了这种能力在这些子对象上向下钻取(展开)。

我不想对输出格式过于具体,因为我会接受输出对象树的任何创造性方式。我只是希望它可以扩展和折叠以用于深入挖掘目的。

1 个答案:

答案 0 :(得分:2)

如果您搜索“json树视图”,您会发现许多此类实现。

例如: