JavaScript 中利用对象与数组组合构建多维菜单数据

JavaScript 中结合对象与数组构建多维数据

在 PHP 中定义数组相对简单，但在 JavaScript 中若直接使用字符串作为数组下标会引发错误。因此，一种有效的替代方案是结合使用对象和数组来构建数据结构。

var top_ = {

	'index':'首页',
	'user':'用户',
	'tree':'模块树'
} ;
var all_list = [
	{
		
		 "index": [
			 {'name':'网站栏目管理','url':'1.html'},
			 {'name':'网站栏目管理2','url':'2.html'}
		 ]
		
		 
	},
	{
		"user": [
			 {'name':'用户管理','url':'user.html'},
			 {'name':'用户添加','url':'add.html'}
		 ]
		
	},
	{
		"tree": [
			 {'name':'模块树管理','url':'manager.html'},
			 {'name':'模块树添加','url':'add_new.html'},
			 {'name':'模块树添333加','url':'add_ne33w.html'}
		 ]
		
	}
];

上述代码定义了一个包含模块树信息的数组结构。

此外，在从该数据结构中检索数据时，也能通过相应的方法高效地获取所需内容。

//根据顶部的下标得到左边菜单
function return_left_menu_by_index(index){

var left_ = '' ;
for(var i in all_list){

for(var j in all_list[i]){ 
if(j == index){
//默认显示的菜单
//console.dir(all_list[i][j]);
for(var k in all_list[i][index]){
//console.dir(k);
var new_onclick = 'onclick=change_right_url("'+all_list[i][index][k].url+'")' ;
left_+='<div style="width:120px; height:30px;line-height:30px;border:solid 1px; margin:3px;padding:2px;cursor:pointer" '+new_onclick+'>'+all_list[i][index][k].name+'</div>';
}
}

}
}

return left_ ;
}

以上关于在 JavaScript 中定义对象数组并结合多维数组的方法分享完毕，希望能为读者提供参考，并感谢大家的支持。