js 定义对象数组(结合)多维数组方法
2019/6/27 22:14:48
本文主要是介绍js 定义对象数组(结合)多维数组方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在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 定义对象数组(结合)多维数组方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持找一找教程网。
这篇关于js 定义对象数组(结合)多维数组方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist