你的位置:首页 > Java教程

[Java教程]利用递归实现简单的树结构菜单


数据格式:

var data = [
  {title: "11111",childs : [
    {title:"aaaaa", childs:[
      {title: "xg"}
    ]},
    {title:"bbbbb"}
    ]
  },
  {title: "22222",childs : [
    {title:"aaaaa"},
    {title:"bbbbb"}
    ]
  }
];

递归函数:

function menu(data){
  var ul = "<ul>";
  for(var i = 0; i < data.length; i++){
    ul+="<li><a>"+data[i].title+"</a>";
    if(data[i].childs){ul+=obj(data[i].childs);}
    ul+="</li>";
  };
  ul+="</ul>";
  return ul;
}

调用:

var menu = menu(data);

结果:

会的人觉得简单,不会的人再简单也不会,这个我也是花了很长时间才写出来。