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 parseInt 函数分析(转)
Mar 21 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
js中函数声明与函数表达式
Jun 03 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
jQuery实现简单倒计时功能的方法
Jul 04 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
详解JavaScript中的this指向问题
Feb 05 Javascript
Vue 打包后相对路径的引用问题
Jun 05 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
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
php中的常用魔术方法总结
2013/08/02 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
PHP读取XML文件的方法实例总结【DOMDocument及simplexml方法】
2019/09/10 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
解析Javascript中中括号“[]”的多义性
2013/12/03 Javascript
jQuery+css实现百度百科的页面导航效果
2014/12/16 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局
2016/03/05 DOTA
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
Python完全新手教程
2007/02/08 Python
python生成器generator用法实例分析
2015/06/04 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
python取代netcat过程分析
2018/02/10 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
python Scrapy框架原理解析
2021/01/04 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
加热夹克:RAVEAN
2018/10/19 全球购物
酒店管理求职信
2014/06/09 职场文书
2014教师专业技术工作总结
2014/12/03 职场文书
2015年超市工作总结
2015/04/09 职场文书
公司表扬稿范文
2015/05/05 职场文书
客户答谢会致辞
2015/07/30 职场文书
浅谈PHP7中的一些小技巧
2021/05/29 PHP
Pytest中skip和skipif的具体使用方法
2021/06/30 Python