Javascript 使用flare.json文件在HTML中构建嵌套无序列表？

如何将下面的flare.json文件构造为HTML中的嵌套无序列表？我计划使用嵌套无序列表来显示图表

有人能指导我如何皈依吗

{
    "name": "flare",
    "children": [
        {
            "name": "analytics",
            "children": [
                {
                    "name": "cluster",
                    "children": [
                        {"name": "AgglomerativeCluster", "size": 3938},
                        {"name": "CommunityStructure", "size": 3812},
                        {"name": "HierarchicalCluster", "size": 6714},
                        {"name": "MergeEdge", "size": 743}
                    ]
                },
                {
                    "name": "graph",
                    "children": [
                        {"name": "BetweennessCentrality", "size": 3534},
                        {"name": "LinkDistance", "size": 5731},
                        {"name": "MaxFlowMinCut", "size": 7840},
                        {"name": "ShortestPaths", "size": 5914},
                        {"name": "SpanningTree", "size": 3416}
                    ]
                },
                {
                    "name": "optimization",
                    "children": [
                        {"name": "AspectRatioBanker", "size": 7074}
                    ]
                }
            ]
        }
    ]
}

---

你的问题有些模棱两可，但我想试试看。如果不是你要找的，请告诉我

以下是相关代码：

function pprint(o) {
  if(typeof o != 'object') {
    return o.toString(); /* Note: this check won't work for javascript in general, but should be okay for the result of JSON.parse */
  }
  var open = '<ul>', close = '</ul>', html = '', notArray = true;
  if(Array.isArray(o)) {
    open = '<ol>';
    close = '</ol>';
    notArray = false;
  }
  $.each(o, function(k,v){
    html += '<li>';
    if(notArray) {
      html += k+': ';
    }
    html += pprint(v)+'</li>';
  });
  return open+html+close;
}

---

此处演示：

我认为您粘贴在此处的JSON缺少一些结尾brackets@DevMehta很抱歉，我刚刚修复了它。请尝试使用递归函数。请发布您自己尝试的代码。