如何创建 JavaScript 多维数组

Question

我需要动态创建一个Array，但是实在找不到解决办法……

基本上我需要：一个与类型和其中项目数相关联的 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 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 2

你可以做这样的事情（使用对象）：

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 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 是他在数组中的索引，你可以把它拿走，因为当你循环遍历数组时，你已经有了一个包含它的变量。