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

Question

我有一个像这样的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数据有问题？有人可以帮忙吗？我被困在这里

Answer 1

您循环遍历对象，因此您需要在 $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]);
                }
            })
        }
    }
    });
});