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 相关文章推荐
JavaScript 基础问答三
Dec 03 Javascript
DOM 中的事件处理介绍
Jan 18 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
Javascript中prototype的使用详解
Jun 18 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
单页面vue引入百度统计的使用方法示例详解
Oct 13 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 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
下载文件的点击数回填
2006/10/09 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
2014/10/17 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
python中使用mysql数据库详细介绍
2015/03/27 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
详解Python实现多进程异步事件驱动引擎
2017/08/25 Python
使用requests库制作Python爬虫
2018/03/25 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
深入了解Django View(视图系统)
2019/07/23 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
纽约手袋品牌:KARA
2018/03/18 全球购物
大学应届生求职简历的自我评价
2013/10/08 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
黄山导游词
2015/01/31 职场文书
护士先进个人总结
2015/02/13 职场文书
法律意见书范文
2015/06/04 职场文书
python创建字典及相关管理操作
2022/04/13 Python