在前邊提到過的二維數組的循環與遍歷，如今由於項目需求的變化，導致在數據中出現一些三維數組，聽着比二維數組多了一維，其實也差不多，相信前邊看過我對二維數組操作的看下面的也就不覺得難了，直接上上代碼：
下面是一個二維數組：主要問題就是如何渲染到頁面導航欄中
Menulist=[
{
modetitle:'UI庫',
modericon:'icon-caidan',
moudlehref:'systemset/download.jsp',
// modearrow:'menu_dropdown-arrow',
list:[]
},
{
modetitle:'菜單設計',
modericon:'icon-DataAnalysis',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"菜單管理","datahref":"goMenuList.do"
}
]
},
{
modetitle:'新增模塊開發',
modericon:'icon-zidingyi',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"新增模塊管理","datahref":"custom-module.jsp"
},
{
"modename":"自定義SQL管理","datahref":"smoduleSQL!querySQLModule.do"
},
{
"modename":"共享參數設置","datahref":"systemset/getSystemSet.do"
}
]
},
{
modetitle:'模塊庫',
modericon:'icon-zidingyi',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"固定模塊管理","datahref":"fixedModule!queryFixedModule.do"
},
{
"modename":"問卷調查配置","datahref":"basedata/getQuestionParams.do"
},
{
"modename":"一維碼/二維碼系統","datahref":"javascript:void(0)",
"modearrow":'menu_dropdown-arrow',
"droplist":[
{
"modename":"串碼屬性填充定義","datahref":"serialCodeModule!queryModule.do"
},
{
"modename":"串碼屬性","datahref":"basedata/getStringCodeList.do"
}
]
}
]
},
{
modetitle:'后台web',
modericon:'icon-ziduanguanli',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"后台web","datahref":"systemset/download.jsp"
},
]
},
{
modetitle:'參數設計',
modericon:'icon-shouye1',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"系統模塊設定","datahref":"getCompModuleList.do"
},
{
"modename":"幫助設定","datahref":"systemset/helpQuery.do"
},
{
"modename":"首頁","datahref":"systemset/systemTopInfo.do"
},
{
"modename":"清除設備號","datahref":"basedata/clearDeviceIdInit.do"
},
{
"modename":"參數設定","datahref":"systemset/systemParams.do"
}
]
},{
modetitle:'應用庫',
modericon:'icon-jiekouguanli',
modearrow:'menu_dropdown-arrow',
list:[
{
"modename":"現場擴展屬性","datahref":"getStoreExp.do"
},
{
"modename":"考勤規則設定","datahref":"basedata/setAttendRuleInit.do"
}
,{
"modename":"任務目標管理","datahref":"visitTargetInit.do"
},
{
"modename":"任務設定","datahref":"visitTask!goVisitTaskList.do"
},
{
"modename":"單據配置","datahref":"order!getOrderConf.do"
},
{
"modename":"新單據配置","datahref":"orderNew!getOrderConf.do"
},
{
"modename":"單據2015","datahref":"newOrder!getOrderConf.do"
},{
"modename":"配送配置","datahref":"carsales!getCarsalesconfig.do"
}
]
},
{
modetitle:'手機客戶端下載',
modericon:'icon-app',
moudlehref:'systemset/download.jsp',
list:[]
},
{
modetitle:'系統庫',
modericon:'icon-52',
moudlehref:'systemset/download.jsp',
list:[]
}
]
var html='';
for(var i=0;i<Menulist.length;i++){
html+='<dl>'
html+='<dt>'
if(Menulist[i].moudlehref&&Menulist[i].moudlehref!=''){
html+='<a datahref="'+Menulist[i].moudlehref+'" >'
}else{
html+='<a datahref="javascript:void(0)" >'
}
if(Menulist[i].modearrow&&Menulist[i].modearrow!=''){
html+='<i class="iconfont '+Menulist[i].modericon+'"></i>'+Menulist[i].modetitle+'<i class="Hui-iconfont menu_dropdown-arrow"></i>'
}else{
html+='<i class="iconfont '+Menulist[i].modericon+'"></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;">'
if((Menulist[i].list)[j].modearrow&&(Menulist[i].list)[j].modearrow!=''){
html+='<a datahref="'+(Menulist[i].list)[j].datahref+'">'+(Menulist[i].list)[j].modename+'<i class="Hui-iconfont menu_dropdown-arrow snaji"></i></a>'
}else{
html+='<a datahref="'+(Menulist[i].list)[j].datahref+'">'+(Menulist[i].list)[j].modename+'</a>'
}
if((Menulist[i].list)[j].droplist){
html+='<ul class="droplist">'
for(var k=0;k<(Menulist[i].list)[j].droplist.length;k++){
html+='<li style="display: block;">'
html+='<a datahref="'+(Menulist[i].list)[j].droplist[k].datahref+'">'+(Menulist[i].list)[j].droplist[k].modename+'</a>'
html+='</li>'
}
html+='</ul>'
}
html+='</li>'
}
html+='</ul>'
html+='</dd>'
html+='</dl>';
}
$('#menu').html(html);