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入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
Sep 15 Javascript
简单实现js浮动框
Dec 13 Javascript
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
基于ionic实现下拉刷新功能
May 10 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 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
封装一个PDO数据库操作类代码
2009/09/09 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
jQuery的position()方法详解
2015/07/19 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
简单几步实现返回顶部效果
2016/12/05 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Django如何自定义分页
2018/09/25 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
python动态规划算法实例详解
2020/11/22 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
CSS中垂直居中的简单实现方法
2015/07/06 HTML / CSS
音乐表演专业毕业生求职信
2013/10/14 职场文书
党校培训自我鉴定
2014/02/01 职场文书
社区禁毒工作方案
2014/06/02 职场文书
学校运动会广播稿
2014/10/11 职场文书
班委竞选稿范文
2015/11/21 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP
springcloud之Feign超时问题的解决
2021/06/24 Java/Android