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

function convertListToTree(list) {
  const tree = [];
  const map = {};

  // 遍历列表，将每个节点存储到map中
  for (let i = 0; i < list.length; i++) {
    map[list[i].id] = list[i];
    list[i].children = [];
  }

  // 构建树状结构
  for (let i = 0; i < list.length; i++) {
    const node = list[i];
    if (node.parentId !== null) {
      // 如果有父节点，则将当前节点添加到父节点的children数组中
      map[node.parentId].children.push(node);
    } else {
      // 如果没有父节点，则将当前节点作为根节点
      tree.push(node);
    }
  }

  return tree;
}

// 示例数据
const list = [
  { id: 1, name: 'Node 1', parentId: null },
  { id: 2, name: 'Node 1.1', parentId: 1 },
  { id: 3, name: 'Node 1.2', parentId: 1 },
  { id: 4, name: 'Node 1.1.1', parentId: 2 },
  { id: 5, name: 'Node 2', parentId: null },
  { id: 6, name: 'Node 2.1', parentId: 5 },
];

// 调用函数进行转换
const tree = convertListToTree(list);
console.log(tree);