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解决图片缩放及其优化的代码
May 23 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
浅谈js的ajax的异步和同步请求的问题
Oct 07 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
JS实现的简单下拉框联动功能示例
May 11 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
vue中axios封装使用的完整教程
Mar 03 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下HTTP Response中的Chunked编码实现方法
2008/11/19 PHP
PHP传值到不同页面的三种常见方式及php和html之间传值问题
2015/11/19 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
2017/12/21 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
jQuery Lightbox 图片展示插件使用说明
2010/04/25 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
2017/02/03 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
vue-router为激活的路由设置样式操作
2020/07/18 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
python实现逆波兰计算表达式实例详解
2015/05/06 Python
解读! Python在人工智能中的作用
2017/11/14 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
高三自我鉴定范文
2013/10/19 职场文书
影视艺术学院毕业生自荐信
2013/11/13 职场文书
研讨会主持词
2014/04/02 职场文书
暑假安全保证书
2015/02/28 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
何玥事迹观后感
2015/06/16 职场文书
学校运动会通讯稿
2015/07/18 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书