使用递归的方式实现无限极目录树

使用递归的方式实现无限极目录树

<script>

    var data = [
    {
        name: '手机 / 运营商 / 数码',
        child: [
        {
            name: '热门分类',
            child: [
                {name: '手机卡'},
                {name: '宽带'},
                {name: '5G套餐'}
            ]
        },
        {
            name: '品牌墙',
            child: [
            {
                name: '中国移动',
                child: [
                    {name: '北京移动'},
                    {name: '广东移动'},
                    {name: '湖北移动'}
                ]
            },
            {
                name: '中国联通',
                child: [
                    {name: '手机卡'},
                    {name: '5G专区'}
                ]
            },
            {
                name: '中国电信',
                child: [
                    {name: '流量包'},
                    {
                        name: '5G专区',
                        child: [
                            {name: '星卡-大流量'}
                        ]
                    }
                ]
            }
            ]
        }
        ]
    }
    ]

    // 递归无限极
    function createTree(data){
        var str = `<ul>`;
        for(var i = 0; i < data.length; i++){
            str += `<li>${data[i].name}</li>`;
            if(data[i].child){
                str += createTree(data[i].child);
            }
        }
        str += `</ul>`;
        return str
    }

    var a = createTree(data);
    console.log(a)
    document.querySelector(".list").innerHTML = createTree(data);
</script>