首頁 web前端 js教程 js 定義物件數組(結合)多維數組方法

js 定義物件數組(結合)多維數組方法

Jan 14, 2017 pm 01:16 PM

在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 定義物件陣列(結合)多維數組方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。

更多js 定義物件數組(結合)多維數組方法相關文章請關注PHP中文網!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

在JavaScript中替換字符串字符 在JavaScript中替換字符串字符 Mar 11, 2025 am 12:07 AM

在JavaScript中替換字符串字符

jQuery檢查日期是否有效 jQuery檢查日期是否有效 Mar 01, 2025 am 08:51 AM

jQuery檢查日期是否有效

jQuery獲取元素填充/保證金 jQuery獲取元素填充/保證金 Mar 01, 2025 am 08:53 AM

jQuery獲取元素填充/保證金

前5個日期操縱JS插件 前5個日期操縱JS插件 Feb 28, 2025 am 12:34 AM

前5個日期操縱JS插件

10值得檢查jQuery插件 10值得檢查jQuery插件 Mar 01, 2025 am 01:29 AM

10值得檢查jQuery插件

10個jQuery手風琴選項卡 10個jQuery手風琴選項卡 Mar 01, 2025 am 01:34 AM

10個jQuery手風琴選項卡

jQuery添加捲軸到Div jQuery添加捲軸到Div Mar 01, 2025 am 01:30 AM

jQuery添加捲軸到Div

10 Ajax/jQuery自動完成教程/插件 10 Ajax/jQuery自動完成教程/插件 Feb 28, 2025 am 01:03 AM

10 Ajax/jQuery自動完成教程/插件

See all articles