在多维数组中查找多个值

Question

得到一些JSON，我需要通过获取一些id。JSON看起来像这样:

var carousel = [
  {
    "acf": {
      "content": [
        {
          "acf_fc_layout": "custom",
          "content": "Some text"
        },
        {
          "acf_fc_layout": "exhibition",
          "exhibition": 2594
        },
        {
          "acf_fc_layout": "exhibition",
          "exhibition": 1234
        }
      ]
    },
  }
]

对于acf_fc_layout == exhibition的每个content，我必须获取exhibition的值(ID)，以便可以使用它来获取进一步的数据。正如你所看到的，也有多个展览id。

我的困惑是，这里有对象和数组，它们是嵌套的。我已经用jQuery做了一些类似的事情，但这一次是不可能的。我不认为我需要IE8的支持，但仍然觉得这很棘手。

Answer 1

如果您的JSON只是看起来像您所说的，这是一个简单的解决方案:

var i;
for (i = 0; i < carousel[0].acf.content.length; i++) {
    if (carousel[0].acf.content[i].acf_fc_layout === "exhibition") {
        // do something with carousel[0].acf.content[i].exhibition
    }
}

或者，如果JSON中有更多内容，这可能是相关的:

var i, j;
for (i = 0; i < carousel.length; i++) {
    if (typeof carousel[i].acf != 'undefined' && typeof carousel[i].acf.content != 'undefined') {
        for (j = 0; j < carousel[i].acf.content.length; j++) {
            if (carousel[i].acf.content[j].acf_fc_layout === "exhibition") {
                // do something with carousel[i].acf.content[j].exhibition
            }
        }
    }
}

Answer 2

carousel[0].acf.content.forEach(function (item) {
  if (item["acf_fc_layout"] === "exhibition") {
    // do some stuff
    // id for exhibition placed in item["exhibition"] 
  }
});

Answer 3

对于当前的结构，您需要使用foreach并检查值。

 var carousel = [
  {
    "acf": {
      "content": [
        {
          "acf_fc_layout": "custom",
          "content": "Some text"
        },
        {
          "acf_fc_layout": "exhibition",
          "exhibition": 2594
        },
        {
          "acf_fc_layout": "exhibition",
          "exhibition": 1234
        }
      ]
    },
  }
];
$.each(carousel[0].acf.content,function (i,v){
    if(v.acf_fc_layout == "exhibition")
        $(".result").append(v.exhibition+"<br>");
    });

JSFIddle

Answer 4

http://jsfiddle.net/oucp3v5x/

$(carousel).each(function(i, el){
    $(el.acf.content).each(function(i, el){
        if(el.acf_fc_layout === 'exhibition') {
            $('<div>', {
                text: el.exhibition
            }).appendTo($('#results'));
        }
    });
});

如果acf有多个content，则需要运行额外的循环，并且acf必须是对象数组。