如何創建一個JavaScript多維數組

Question

我需要動態創建一個數組，但我真的不能找到一個解決辦法...

基本上是我需要的：一個類型和項目的數量掛鉤的ID在裏面。 然後爲每個ID我需要添加一個可變數量的項目。

所以最終的例子必須是這樣的：

id : 59 | type : combo_box | NbItem : 1 
Item 1 
name : text | value : test 
name : icon | value : test.png 

id : 60 | type : search_box | NbItem : 2 
Item 1 
name : text | value : Yahoo 
name : icon | value : yahoo.png 
name : weblink | value : yahoo.com 

Item 2 
name : text | value : Bing 
name : icon | value : Bing.png 
name : weblink | value : Bing.com 

我再次，它有精確的是動態的。我需要在執行過程中進行添加，像array[60][name][0] = text

編輯

我想繼續這樣，但它失敗：

var dropMenuArray; 

var node = XMLDoc.getElementsByTagName("item")[itemCpt].getElementsByTagName("m_type")[0]; 
type = node.childNodes[0].nodeValue; 

node = XMLDoc.getElementsByTagName("item")[itemCpt].getElementsByTagName("m_id")[XMLDoc.getElementsByTagName("item")[itemCpt].getElementsByTagName("m_id").length-1]; 
id = node.childNodes[0].nodeValue; 

if ((type.indexOf('combo_button') != -1 && type.indexOf('combo_button_item') == -1) || type.indexOf('search_box') != -1) { 
    dropMenuArray[id] = { 
     Type: type, 
     items: [] 
    }; 

    alert('Index : ' + id + ' - Type : ' + type); 
} 

我的意思是沒有警報，當我把在commantary上創建數組我有警報彈出窗口。

Answer 1

你可以做這樣的事情（使用對象）：

var array = { 
    59: { 
     type: 'combo_box', 
     NbItem: 1, 
     name: ['text', 'test', 'icon'] 
    }, 
    60: { 
     type: 'search_box', 
     NbItem: 2, 
     name: ['text', 'yahoo', 'weblink'] 
    }, 
} 

//can also use array[60]['name'][1] below: 
alert(array[60].name[1]); // will alert 'yahoo' 
array[60].name[1] = 'google'; 
alert(array[60].name[1]); // will alert 'google' 

Answer 2

我想你想要的是一個這樣的數組：

var multi = [ { type: "combo_box", items: [ { name: "text", value: "Yahoo" } ] } ]; 

因此，要添加新條目，你會更多信息：

var multi[newIndex] = { type: "new type", items: [] }; 

要將項目添加到一個：

multi[newIndex].items.push({ name: "text", value: "Bing" }); 

由於JavaScript會爲您保留「items」列表的「length」屬性，因此您並不需要明確存儲項目數。因此，

var howMany = multi[someIndex].items.length; 

Answer 3

您可以使用關聯數組：

function Item(text,icon,weblink) { 
this.text = text; 
this.icon = icon; 
this.weblink = weblink; 
} 

var arr = new Array(); 

var a = new Object(); 
a["id"] = 59; 
a["type"] = "combo_box"; 
var arr_items = new Array(); 
arr_items.push(new Item("test","test.png")); 
arr_items.push(new Item("Yahoo", "yahoo.png", "yahoo.com")); 
a["items"] = arr_items; 

arr.push(a); 

... //carry on with other objects 

Answer 4

只要把陣列，陣列... 但你可能會喜歡的對象。

這是你描述的結構，但我認爲有更好的結構。

[ 
    { 
     "id": 59, 
     "type": "combo_box", 
     "items": [ 
      [ 
       { 
        "name": "text", 
        "value": "test" 
       }, 
       { 
        "name": "icon", 
        "value": "test.png" 
       } 
      ] 
     ] 
    }, 
    { 
     "id": 60, 
     "type": "search_box", 
     "items": [ 
      [ 
       { 
        "name": "text", 
        "value": "Yahoo" 
       }, 
       { 
        "name": "icon", 
        "value": "yahoo.png" 
       }, 
       { 
        "name": "weblink", 
        "value": "yahoo.com" 
       } 
      ], 
      [ 
       { 
        "name": "text", 
        "value": "Bing" 
       }, 
       { 
        "name": "icon", 
        "value": "Bing.png" 
       }, 
       { 
        "name": "weblink", 
        "value": "Bing.com" 
       } 
      ] 
     ] 
    }, 
] 

NBItem事情可以通過獲取item數組的length屬性來獲得。

這是較短的方式，可能會更好：

[ 
    { 
     "id": 59, 
     "type": "combo_box", 
     "items": [ 
      { 
       "text": "test", 
       "icon": "test.png" 
      } 
     ] 
    }, 
    { 
     "id": 60, 
     "type": "search_box", 
     "items": [ 
      { 
       "text": "Yahoo", 
       "icon": "yahoo.png", 
       "weblink": "yahoo.com" 
      }, 
      { 
       "text": "Bing", 
       "icon": "Bing.png", 
       "weblink": "Bing.com" 
      } 
     ] 
    }, 
] 

你可以做一個最後的變化，如果這些元素的ID是他的索引數組中，你可以只是把它拿走，因爲當你將遍歷數組，你將已經有一個包含它的變量。