JSON数组，两个属性匹配

Question

我需要解析这个 JSON 数据：

var myjson = {        
{"groups":[
    {"id":1,"title":"Title1"},
    {"id":2,"title":"Title2"},
    {"id":3,"title":"Title3"}
    ],
        "dials":[
    {"title":"Link1","url":"url1","idgroup":1},
    {"title":"Link2","url":"url2","idgroup":2},
    {"title":"Link3","url":"url3","idgroup":3},
    {"title":"Link4","url":"url4","idgroup":1},
    {"title":"Link5","url":"url5","idgroup":2},
    {"title":"Link6","url":"url6","idgroup":3}
    ]}
};

我需要构建一个引导手风琴，在“组”中使用“拨号”，其中dials.idgroup 匹配groups.id。

解析“组”没有问题；为了构建手风琴标记，我使用：

$.each(myjson.groups, function (i, group) {
        $grID = group.id;
        $grTitre = group.title;
        $constrAccordion = '<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#' + $grID + '">' + $grTitre + '</a></h4></div>  <div id="' + $grID + '" class="panel-collapse collapse"><ul class="list-group"></ul></div></div>';
        $('#liens #accordion').append($constrAccordion);
        //  #liens #accordion is my empty markup in my html file.
});

但我无法解析拨号。我试过 $.grep：

makeSpGroup = $.grep(myjson.dials, function (element, index) {
    return element.idgroup === $grID;
});

Answer 1

你可以用下面的代码做到这一点；

$.each(myjson.groups, function (i, group) {
    var html = '';
    var makeSpGroup = $.grep(myjson.dials, function (element, index) {
        if (element.idgroup == group.id) {
            html += '<li><a href="' + element.url + '">' + element.title + '</a>';
        }
    });

        $grID = group.id;
        $grPosition = group.position;
        $grTitre = group.title;
        $constrAccordion = '<div class="panel panel-default"><div class="panel-heading"><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#' + $grID + '">' + $grTitre + '</a></h4></div>  <div id="' + $grID + '" class="panel-collapse collapse"><ul class="list-group">' + html + '</ul></div></div>';
        $('#result').append($constrAccordion);
        //  #liens #accordion is my empty markup in my html file.
});

这是一个工作演示：http://jsfiddle.net/snE8y/1/

Answer 2

看看你能不能这样做：

var arr = []; // declare an array outside to be accessible in grep func

$.each(myjson.groups, function (i, group) {
    arr.push(group.id); // add this line
    .......
});

然后以这种方式稍微更改您的 grep 函数：

makeSpGroup = $.grep(myjson.dials, function (element, index) {
    return $.inArray(arr, element.idgroup); // returns the elem
});

Demo Fiddle