js 定义对象数组(结合)多维数组方法

 更新时间:2016年07月27日 09:25:39   投稿:jingxian  
下面小编就为大家带来一篇js 定义对象数组(结合)多维数组方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在php中定义数组很简单,但是在js中如果搞成字符为下标会出错,所以结合对象来搞

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_ ;
}

以上这篇js 定义对象数组(结合)多维数组方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈JavaScript中的string拥有方法的原因

    浅谈JavaScript中的string拥有方法的原因

    这篇文章主要介绍了浅谈JavaScript中的string拥有方法的原因,需要的朋友可以参考下
    2015-08-08
  • 详解package.json版本号规则

    详解package.json版本号规则

    这篇文章主要介绍了详解package.json版本号规则,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • js实现的Easy Tabs选项卡用法实例

    js实现的Easy Tabs选项卡用法实例

    这篇文章主要介绍了js实现的Easy Tabs选项卡用法,以完整实例形式较为详细的分析了JavaScript鼠标事件动态操作页面元素样式的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • JavaScript实现的联动菜单特效示例

    JavaScript实现的联动菜单特效示例

    这篇文章主要介绍了JavaScript实现的联动菜单特效,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-07-07
  • JavaScript中如何校验接口是否重复提交

    JavaScript中如何校验接口是否重复提交

    这篇文章主要为大家详细介绍了在JavaScript中如何校验接口是否重复提交,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • js常用函数push()、pop()、shift()、unshift()、slice()和splice()等详解

    js常用函数push()、pop()、shift()、unshift()、slice()和splice()等详解

    这篇文章主要给大家介绍了关于js常用函数push()、pop()、shift()、unshift()、slice()和splice()等的相关资料,js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧,需要的朋友可以参考下
    2023-11-11
  • Bootstrap模态框水平垂直居中与增加拖拽功能

    Bootstrap模态框水平垂直居中与增加拖拽功能

    最近开发一个CMS系统使用上了Bootstrap,在开发一个添加某些选项时,打算弹出一个模态框,但是发现,模态框不会垂直居中到屏幕上,而是在屏幕上方,通过查阅资料才解决此问题,下面小编给大家分享解决思路
    2016-11-11
  • 原生js代码实现图片放大境效果

    原生js代码实现图片放大境效果

    今天小编给大家分享两种使用js写的图片放大镜效果,原理都差不多,都是采用了两张图片给两张图片设定相应的尺寸,最后显示在不同位置,最终实现放大效果,感兴趣的朋友一起看看吧
    2016-10-10
  • 深入理解JS中的substr和substring

    深入理解JS中的substr和substring

    下面小编就为大家带来一篇深入理解JS中的substr和substring。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-04-04
  • js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器

    js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器

    js实现鼠标拖动图片做了兼容IE,FF火狐,谷歌等主流浏览器,具体实现代码如下,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-06-06

最新评论