从不规则javascript对象（文件夹结构）构建HTML嵌套列表

最近我遇到了一个问题，我需要从不规则的JavaScript对象创建一个html嵌套列表，我不知道如何继续执行这个任务。 基本上，我有一个JavaScript对象，它将文件夹结构表示为一棵树：

var obj = {
  "Canmon01-srv-13": {
    "tidata": {
      "Comite Paritaire SST": {
        "Securite Machine" : {
          "01- Development" : {
            "path": "Canmon01-srv-13/tidata/Comite Paritaire SST/4_Securite_Machine/01 - Developpement"
          }
        }
      }
    }
  },

  "Cantor-srv-36" : {
    "TM1-USAEWD01" : {
      "path": "CANTOR01-SRV-36/TM1-USAEWD01"
    }
  },

  "FP&A" : {
    "path" : "FP&A" 
  }
}

基本上，我需要做的是为每个文件夹创建带有嵌套li的ul（路径应该放在这里）

我将非常感谢您对我的帮助

---

谢谢。

对象的深度优先遍历有助于：

var obj={
“Canmon01-srv-13”：{
“tidata”：{
“巴黎委员会SST”：{
“Securite机器”：{
“01-发展”：{
“路径”：“Canmon01-srv-13/tidata/Comite Paritaire SST/4_安全机器/01-开发”
}
}
}
}
},
“Cantor-srv-36”：{
“TM1-USAEWD01”：{
“路径”：“CANTOR01-SRV-36/TM1-USAEWD01”
}
},
“FP&A”：{
“路径”：“FP&A”
}
};
变量遍历=函数（节点，str）{
var keys=Object.keys（节点）；
if（keys.length==1&&keys[0]==path'）{
str+=“”；
返回str；
}
str+=“
”；
keys.forEach（k=>{
str+=“
”+k；
str=导线（节点[k]，str）；
});
str+=“
”；
返回str；
};
document.getElementById（'dir'）.innerHTML=traverse（obj，“”）；

对于深度未知的数据结构，您通常希望使用递归函数…可能重复