Question

我有一个名为active_filters的数组，其中包含对象。有谁知道我如何能够访问category属性以便使用如下所示？

我的目标是以下

// For each active filter, use category for:

   $("#" + category).find("input:checked").each(function() 
   {
       // Do something
   }

// End for

有效过滤器数组

{category: "search-filter-type", id: "data-type", value: "ICAR,SCAR", type: "filtered-out-by-car-type"}
{category: "search-filter-company", id: "data-company", value: "BU", type: "filtered-out-by-company"}
{category: "search-filter-location", id: "data-location", value: "AV-123", type: "filtered-out-by-location"}

Answer 1

由于您有一组对象，您可以使用$.each()来迭代它们，请参阅下面的演示。

var json = [{
  category: "search-filter-type",
  id: "data-type",
  value: "ICAR,SCAR",
  type: "filtered-out-by-car-type"
}, {
  category: "search-filter-company",
  id: "data-company",
  value: "BU",
  type: "filtered-out-by-company"
}, {
  category: "search-filter-location",
  id: "data-location",
  value: "AV-123",
  type: "filtered-out-by-location"
}];

$.each(json, function(index, filters) {
  console.log(filters.category);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

实际上，您可以遍历categories并搜索内部的每个category并使用$("#" + category)

＆＃13;

let categories = [{
  category: "search-filter-type",
  id: "data-type",
  value: "ICAR,SCAR",
  type: "filtered-out-by-car-type"
}, {
  category: "search-filter-company",
  id: "data-company",
  value: "BU",
  type: "filtered-out-by-company"
}, {
  category: "search-filter-location",
  id: "data-location",
  value: "AV-123",
  type: "filtered-out-by-location"
}]


categories.forEach(cat => {
  let category = cat.category;
  console.log(category);
  $("#" + category).find("input:checked").each(function() {
    // Do something
  })
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 3

你可以只使用js作为active_filters，如下所示：

active_filters = [
    {category: "search-filter-type", id: "data-type", value: "ICAR,SCAR", type: "filtered-out-by-car-type"},
    {category: "search-filter-company", id: "data-company", value: "BU", type: "filtered-out-by-company"},
    {category: "search-filter-location", id: "data-location", value: "AV-123", type: "filtered-out-by-location"}
];

for (var i in active_filters) {
    if (active_filters.hasOwnProperty(i)) {
        var category = active_filters[i];
        $("#" + category).find("input:checked").each(function() {
            // Do something
        }
    }
}

访问对象数组属性

3 个答案: