javascript如何用递归写一个简单的树形结构示例_js递归遍历树结构,js递归生成树形结构 - CSDN文库

48 浏览量更新于2023-03-03 评论收藏 73KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

javascript如何用递归写一个简单的树形结构示例如何用递归写一个简单的树形结构示例

现在有一个数据，需要你渲染出对应的列表出来：

var data = [

{"id":1},

{"id":2},

{"id":3},

{"id":4},

];

var str="<ul>";

data.forEach(function(v,i){

str+="<li><span>"+v.id+"</span></li>"

})

str="</ul>"

$(doucment).append(str);

哼，easy!

语罢，又是一道题飞来!

哦，还带了儿子来当帮手。我一个循环再一个循环，轻松带走你们

var data2 = [

{"id":1,children:[{"id":"child11"},{"id":"child12"}]},

{"id":2},

{"id":3children:[{"id":"child31"},{"id":"child32"}]},

{"id":4},

];

var str="<ul>";

data2.forEach(function(v,i){

if(v.children&&v.children.length>0){

str+="<li><span>"+v.id+"</span>";

str+="<ul>";

v.children.forEach(function(value,index){

str+="<li><span>"+value.id+"</span>";

})

str="</ul>";

str="</li>";

}else{

str+="<li><span>"+v.id+"</span></li>"

}

})

str="</ul>"

$(doucment).append(str);

还有谁？

var json=[

{

name:123,id:1

children:[

{

name:453,id:456,children:[{name:789,id:777,children:[{name:"hahahqqq---qq",id:3232,children:[name:'son',id:"13132123211"]}]}] },

{

name:"Cessihshis" , id:12121

}

] },

{

name:"啊啊啊11", id:12

},

];

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论0

weixin_38747566

粉丝: 12
资源: 931

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈