使用jquery循环json多维数组的困惑

时间:2013-02-14 09:35:41

标签: jquery json

我有像这样的json数据,

var menuItems = {
    data:
    {        
        dataA: 
        {
            cmClass: "classA",
            cmID: "a",
            properties: [
                { cId: 'testa', cClass: 'edit', aId: 'sa', text: 'sample a' },
                { cId: 'testaa', cClass: 'cut', aId: 'saa', text: 'sample aa' }                
            ]
        },
        dataB: 
        {
            cmClass: "classB",
            cmID: "b",
            properties: [
                { cId: 'testb', cClass: 'edit', aId: 'sb', text: 'sample b' },
                { cId: 'testbb', cClass: 'cut', aId: 'sbb', text: 'sample bb' },
                { cId: 'testbbb', cClass: 'copy', aId: 'sbbb', text: 'sample bbb' },
            ]
        }
    }
};

我想遍历所有数据并从中创建一个无序列表。因此,对于具有以下jquery的测试,

    $.each(menuItems.data, function (i) {
    $.each(this, function (key, value) {
    {
        alert(key + " : " + value);
        if (key == "properties") {
            $.each(value, function (key1, value1) {
                alert(key1 + " : " + value1);
            })
        }
    }
    });          
});

第一个警报正确显示为“cmClass:classA”,“cmId:a”等,但第二个循环始终给出“0:[object object]”,“1:[object object]”等我被困在这里,我尝试了不同的案例,但似乎没有任何工作。这是json数据有什么问题吗?任何人都可以帮忙吗?我被困在这里

1 个答案:

答案 0 :(得分:2)

你循环遍历对象,因此你需要在$ each中进行另一个循环。

$.each(menuItems.data, function (i) {
    $.each(this, function (key, value) {
    {
        console.log(key + " : " + value);
        if (key == "properties") {
            $.each(value, function (key1, value1) {
                for(k in value1) {
                   console.log( key1 + ':' + k + ':' + value1[k]);
                }
            })
        }
    }
    });
});