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的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
JavaScript代码生成PDF文件的方法
Feb 26 Javascript
jQuery增加与删除table列的方法
Mar 01 Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 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中使用Oracle数据库(5)
2006/10/09 PHP
PHP迭代器实现斐波纳契数列的函数
2013/11/12 PHP
php 邮件发送问题解决
2014/03/22 PHP
ThinkPHP实现跨模块调用操作方法概述
2014/06/20 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
JavaScript获取当前时间向前推三个月的方法示例
2017/02/04 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
手写Vue源码之数据劫持示例详解
2021/01/04 Vue.js
[50:29]2014 DOTA2华西杯精英邀请赛 5 24 DK VS iG
2014/05/26 DOTA
[01:58]最残酷竞争 2016国际邀请赛中国区预选赛积分循环赛回顾
2016/06/28 DOTA
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
Django Channel实时推送与聊天的示例代码
2020/04/30 Python
Python网页解析器使用实例详解
2020/05/30 Python
Python多分支if语句的使用
2020/09/03 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
Jdbc数据访问技术面试题
2012/03/30 面试题
机关干部三严三实心得体会
2014/10/13 职场文书
公司更名通知函
2015/04/24 职场文书
react中的DOM操作实现
2021/06/30 Javascript