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


Posted in Javascript onJuly 27, 2016

在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 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
JS触摸与手势事件详解
May 09 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
Nov 15 Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 Javascript
node命令行工具之实现项目工程自动初始化的标准流程
Aug 12 Javascript
js创建数组的简单方法
Jul 27 #Javascript
jQuery实现打开页面渐现效果示例
Jul 27 #Javascript
JavaScript中的this使用详解
Jul 27 #Javascript
js删除数组元素、清空数组的简单方法(必看)
Jul 27 #Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 #Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 #Javascript
Js删除数组中某一项或几项的几种方法(推荐)
Jul 27 #Javascript
You might like
海贼王:最美的悬赏令!
2020/03/02 日漫
php中json_decode()和json_encode()的使用方法
2012/06/04 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
jQuery实现用方向键控制层的上下左右移动
2013/01/13 Javascript
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
js验证真实姓名与身份证号是否匹配
2015/10/13 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
Vue组件的使用教程详解
2018/01/05 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
轻松实现python搭建微信公众平台
2016/02/16 Python
Python列出一个文件夹及其子目录的所有文件
2016/06/30 Python
如何使用Python实现斐波那契数列
2019/07/02 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
全球速卖通俄罗斯站:AliExpress俄罗斯
2019/06/17 全球购物
卫校护理专业毕业生求职信
2013/11/26 职场文书
教师远程培训感言
2014/03/06 职场文书
厂区绿化方案
2014/05/08 职场文书
承诺书范文
2014/06/03 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
大学生毕业个人总结
2015/02/15 职场文书
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript
yolov5返回坐标的方法实例
2022/03/17 Python
python中的sys模块和os模块
2022/03/20 Python