二维数组的循环遍历

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

 

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

[
    {
        "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)

　　

 

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