如何使用javascript将Html ul/ol列表转换为树状数据结构？

有人能告诉我用普通javascript或第三个库将html ul/ol列表字符串转换为树状结构的最有效方法吗

html字符串和数据结构可能如下所示，数据中的属性名称仅为示例：

---

我在中搜索答案，以便标记为重复。令我沮丧的是，我找不到解决你问题的答案

但幸运的是，它让我编写了自己的函数

const$List=document.getElementById（'List'））
const processNode=node=>{
if（node.children.length）{
const children=Array.from（node.children）.map（child=>{
返回进程节点（子节点）
})
返回{
标记：node.localName，
id:node.id，
儿童
}
}否则{
返回{
标记：node.localName，
id:node.id，
内容：node.innerText
}
}
}
const vList=processNode（$List）；
控制台日志（vList）

一个
两个
三
四
五
六