码迷,mamicode.com
首页 > 编程语言 > 详细

javascript递归

时间:2019-10-05 14:48:50      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:UNC   function   data   nbsp   i++   java   rip   str   ons   

按照HTML结构输出以下data结构
var data = [
        {
            name:‘AAA‘,
            child:[
                {name:‘a1‘,child:[{name:‘a1-1‘},{name:‘a1-2‘}]},
                {name:‘a2‘},
                {name:‘a3‘,child:[{name:‘a3-1‘},{name:‘a3-2‘,child:[{name:‘a3-2-1‘},{name:‘a3-2-2‘}]}]}
                ]
        },
        {
            name:‘BBB‘,
            child:[{name:‘b1‘},{name:‘b2‘},{name:‘b3‘}]
        },
        {
            name:‘CCC‘,
            child:[{name:‘c1‘},{name:‘c2‘},{name:‘c3‘}]
        }
      ]
      function recursive(data){
         var str = ‘<ul>‘
         for(var i=0; i<data.length;i++){
             str += "<li>" + data[i].name
            if(data[i].child){        //递归的结束条件
                str += recursive(data[i].child)    //递归调用
            }
             str += ‘</li>‘
         }
         str += "</ul>"
         return str
      }
      console.log(recursive(data))
递归使代码更加简洁,解决了多层循环的结构。

javascript递归

标签:UNC   function   data   nbsp   i++   java   rip   str   ons   

原文地址:https://www.cnblogs.com/carry-carry/p/11624401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!