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入门学习资料收集整理篇
Jul 06 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
Oct 05 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 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为SHOPEX增加日志功能代码
2010/07/02 PHP
四种php中webservice实现的简单架构方法及实例
2015/02/03 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
解决thinkphp5未定义变量会抛出异常,页面错误,请稍后再试的问题
2019/10/16 PHP
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
Vue axios 中提交表单数据(含上传文件)
2017/07/06 Javascript
js禁止表单重复提交
2017/08/29 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
深入理解Vue.js轻量高效的前端组件化方案
2018/12/10 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
vue实现扫码功能
2020/01/17 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
Python实现Const详解
2015/01/27 Python
Python实现八大排序算法
2016/08/13 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
Python决策树和随机森林算法实例详解
2018/01/30 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
《一株紫丁香》教学反思
2014/02/19 职场文书
服装促销活动方案
2014/02/23 职场文书
党建工作经验交流材料
2014/05/25 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
全国助残日活动总结
2015/05/11 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python
Java基础——Map集合
2022/04/01 Java/Android