将非嵌套的JSON数组解析为HTML树视图？

// JSON数组
var jsonArray = [
  { "name": "Node 1", "children": [] },
  { "name": "Node 2", "children": [
    { "name": "Node 2.1", "children": [] },
    { "name": "Node 2.2", "children": [
      { "name": "Node 2.2.1", "children": [] },
      { "name": "Node 2.2.2", "children": [] }
    ]}
  ]}
];

// 解析JSON数组为对象
var jsonData = JSON.parse(jsonArray);

// 创建树视图的HTML元素
var treeView = document.createElement("ul");

// 递归遍历JSON数据并生成HTML树视图
function createTreeView(data, parentElement) {
  for (var i = 0; i < data.length; i++) {
    var node = document.createElement("li");
    node.textContent = data[i].name;
    
    if (data[i].children.length > 0) {
      var childTreeView = document.createElement("ul");
      node.appendChild(childTreeView);
      createTreeView(data[i].children, childTreeView);
    }
    
    parentElement.appendChild(node);
  }
}

// 渲染HTML树视图
createTreeView(jsonData, treeView);
document.body.appendChild(treeView);