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 使用简明教程
Mar 05 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
理解javascript模块化
Mar 28 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
Aug 23 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
Vue项目查看当前使用的elementUI版本的方法
Sep 27 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 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 api函数实现数组的交换排序示例
2014/04/13 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
js图片轮播效果实现代码
2020/04/18 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
Python中操作符重载用法分析
2016/04/29 Python
Python 登录网站详解及实例
2017/04/11 Python
python实现单向链表详解
2018/02/08 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
Python递归函数特点及原理解析
2020/03/04 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
CSS3属性 line-clamp控制文本行数的使用
2020/03/19 HTML / CSS
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
英国钻石公司:British Diamond Company
2020/02/16 全球购物
高级工程师岗位职责
2013/12/15 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
产品开发计划书
2014/04/27 职场文书
文明班集体申报材料
2014/05/23 职场文书
学校花圃的标语
2014/06/18 职场文书
社区工作者个人总结
2015/02/28 职场文书
求职自我推荐信
2015/03/24 职场文书
使用python绘制横竖条形图
2022/04/21 Python