如何从嵌套数组中动态递归地呈现列表项？

function renderList(array) {
  // 创建一个列表元素
  var list = document.createElement("ul");
  
  // 遍历数组中的每个元素
  array.forEach(function(item) {
    // 创建列表项元素
    var listItem = document.createElement("li");
    
    // 如果元素是数组，则递归调用 renderList 函数
    // 将其转换为子列表项
    if (Array.isArray(item)) {
      var subList = renderList(item);
      listItem.appendChild(subList);
    } else {
      // 如果元素不是数组，则将其作为文本节点添加到列表项中
      var textNode = document.createTextNode(item);
      listItem.appendChild(textNode);
    }
    
    // 将列表项添加到列表中
    list.appendChild(listItem);
  });
  
  // 返回生成的列表
  return list;
}