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 相关文章推荐
基于jQuery的前端数据通用验证库
Aug 08 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
js判断鼠标移入移出方向的方法
Jun 24 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
php中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
PHP中实现crontab代码分享
2015/03/26 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
详解JS预解析原理
2020/06/16 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python简单的函数定义和用法实例
2015/05/07 Python
Python 爬虫多线程详解及实例代码
2016/10/08 Python
Python中按值来获取指定的键
2019/03/04 Python
python获取地震信息 微信实时推送
2019/06/18 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
css3和jquery实现自定义checkbox和radiobox组件
2014/04/22 HTML / CSS
戴森英国官网:Dyson英国
2019/05/07 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
绝对经典成功的大学生推荐信
2013/11/08 职场文书
2014学年自我鉴定
2014/02/23 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
婚礼主持结束词
2014/03/13 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
党员个人公开承诺书
2014/08/29 职场文书
司机个人年终总结
2015/03/03 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL