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 相关文章推荐
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
Javascript中String的常用方法实例分析
Jun 13 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
Jul 28 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
Javascript自定义事件详解
Jan 13 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
vue实现Toast组件轻提示
Apr 10 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网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
php libevent 功能与使用方法详解
2020/03/04 PHP
JQuery 文本框使用小结
2010/05/22 Javascript
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
jQuery实现当按下回车键时绑定点击事件
2014/01/28 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
集合Bootstrap自定义confirm提示效果
2017/09/19 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Python编程入门的一些基本知识
2015/05/13 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
python2 与python3的print区别小结
2018/01/16 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
python银行系统实现源码
2019/10/25 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
TCP协议通讯的过程和步骤是什么
2015/10/18 面试题
化学实验员岗位职责
2013/12/28 职场文书
《十六年前的回忆》教学反思
2014/02/14 职场文书
党员领导干部廉洁从政承诺书
2014/03/27 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
如何用python绘制雷达图
2021/04/24 Python
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python