js实现递归无限向下获取子节点

js实现递归无限向下获取子节点

1.直接贴代码了

数据格式

    var res = [{
        code: 1,
        name: "湖北省",
        children: [{
            code: 1,
            name: "武汉市",
            children: [{
                code: 1,
                name: "汉阳区",
                children: [{
                    code: 1,
                    name: "水上分局"
                }]
            }, {
                code: 1,
                name: "武昌区",
                children: [{
                    code: 1,
                    name: "水上分局",
                    children: [{
                        code: 1,
                        name: "123123"
                    }]
                }]

            }, {
                code: 1,
                name: "汉口区",
                children: [{
                    code: 1,
                    name: "水上分局"
                }]
            }]
        }, {
            code: 1,
            name: "十堰市",
            children: [{
                code: 1,
                name: "郧阳区",
                children: [{
                    code: 1,
                    name: "安阳镇"
                }]
            }, {
                code: 1,
                name: "茅箭区",
                children: [{
                    code: 1,
                    name: "小川乡"
                }]
            }]
        }]
    }]

封装的js方法返回新数组

    function serverArray(arr) {
        var newArr = []
        for (var item = 0; item < arr.length; item++) {
            newArr.push({ name: arr[item]['name'] }) //push数据
            if (arr[item].children) {
                newArr[item].children = serverArray(arr[item].children)
            }
        }
        return newArr
    }
    serverArray(res);
    console.log(serverArray(res)); //返回新数组

希望此文章能帮助到你