二维数组的循环遍历

相信很多人可能在工作中都会遇到二维的数组的处理，对于第一次遇到的人来说可能还是有些问题，今天正好也遇到，所以拿出来分享，废话不多说，直接上代码

 

下面是一个二维数组：主要问题就是如何渲染到页面导航栏中

var Menulist=[
{
modetitle:'基础参数配置',
list:[
{
"modename":"参数设定","data-url":"systemset/S_SystemParams.jsp"
}
]
},
{
modetitle:'现场管理子系统',
list:[
{
"modename":"现场扩展属性","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"现场展属性","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"现场属性","data-url":"systemset/S_SystemParams.jsp"
}

]
},
{
modetitle:'模块管理子系统',
list:[
{
"modename":"新增模块","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"固定模块","data-url":"systemset/S_SystemParams.jsp"
},
{
"modename":"问卷调查","data-url":"systemset/S_SystemParams.jsp"
}

]
}
]


for(var i=0;i<Menulist.length;i++){
html+='<dl>'
html+='<dt>'
html+='<a href="###" >'
html+='<i class="iconfont icon-shouye1"></i> '+Menulist[i].modetitle+''
html+='</a>'
html+='</dt>'
html+='<dd>'
html+='<ul>'
for(var j=0;j<Menulist[i].list.length;j++){
html+='<li style="display: block;">'
html+='<a data-href="_index.jsp">'+(Menulist[i].list)[j].modename+'</a>'
html+='</li>'
}
html+='</ul>'
html+='</dd>'
html+='</dl>';
}

$('#menu').html(html)；

 

如果其他大神有更好的方法，希望分享出来大家参考！！

转载于:https://www.cnblogs.com/h5it/p/9482608.html