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 相关文章推荐
不错的JS中变量相关的细节分析
Aug 13 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
Mar 12 Javascript
jquery实现兼容IE8的异步上传文件
Jun 15 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
BootStrap的两种模态框方式
May 10 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
taro 实现购物车逻辑的实例代码
Jun 05 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
Aug 04 Javascript
vue 获取url里参数的两种方法小结
Nov 12 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
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
PHP+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
一种angular的方法级的缓存注解(装饰器)
2018/03/13 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
微信小程序设置滚动条过程详解
2019/07/25 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
[01:28:56]2014 DOTA2华西杯精英邀请赛 5 24 CIS VS DK
2014/05/26 DOTA
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
在python中画正态分布图像的实例
2019/07/08 Python
python实现视频读取和转化图片
2019/12/10 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
保洁主管岗位职责
2013/11/20 职场文书
经典英文广告词
2014/03/18 职场文书
艾滋病宣传标语
2014/06/25 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
盗窃案辩护词
2015/05/21 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书
党员心得体会范文2016
2016/01/23 职场文书
PyMongo 查询数据的实现
2021/06/28 Python