js递归遍历树形json数据(找到children数据)

假如我们要遍历以这个这样数据

var array = [
            {
                id: 1,
                children:[{
                        id:2,
                        children:[]
                    }]
            },

            {
                id:3,
                children:[]
            },

            {
                id:4,
                children:[
                    {
                        id:5,
                        children:[
                            {
                                id:6,
                                children:[]
                            },

                            {
                                id:7,
                                children:[]
                            }
                        ]
                    }
                ]
            }
        ]

我们要利用遍历循环的方法来找到id为7的数组

        var returnedItem; //定义一个不不赋值的变量
        var find = function(arr, id){
            arr.forEach((item) => { //利用foreach循环遍历
                 if(item.id==id)//判断递归结束条件
                 {        
                     returnedItem = item;
                     return item;
                 }
                 else if(item.children.length > 0) //判断chlidren是否有数据
                 {
                     find(item.children, id);  //递归调用                      
                 }                   
            })
        }

        var item = find(array, 7);
        console.log(returnedItem)

你可能感兴趣的:(js,原生js,vue,递归组件)