二维数组的循环遍历

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

 

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

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

　　

 

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