如何从多层JSON数据递归创建UL/LI

function createListFromJson(jsonData) {
    let ul = document.createElement('ul');
    jsonData.forEach(item => {
        let li = document.createElement('li');
        li.textContent = item.name || 'Unnamed';
        if (item.children && item.children.length > 0) {
            li.appendChild(createListFromJson(item.children));
        }
        ul.appendChild(li);
    });
    return ul;
}

// 假设我们有以下JSON数据
let jsonData = [
    {
        name: 'Item 1',
        children: [
            { name: 'Subitem 1.1' },
            { name: 'Subitem 1.2' }
        ]
    },
    {
        name: 'Item 2',
        children: [
            { name: 'Subitem 2.1' },
            {
                name: 'Subitem 2.2',
                children: [
                    { name: 'Subitem 2.2.1' }
                ]
            }
        ]
    }
];

// 使用函数创建UL/LI结构
let listElement = createListFromJson(jsonData);

// 将生成的HTML元素添加到页面中
document.body.appendChild(listElement);