Access Array of Objects Property

Question

I have an array called active_filters which contains objects. Does anyone know how I would be able to access the category property to use like below?

My goal is the following

// For each active filter, use category for:

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

// End for

Active Filters Array

{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"}

What exactly are you wanting to do to the inputs? – Taplar May 08 '18 at 21:28 — Taplar, May 08 '18 at 21:28
Are you asking how to iterate over an array of objects? – Felix Kling May 08 '18 at 21:29 — Felix Kling, May 08 '18 at 21:29

score 0 · Answer 1 · answered May 08 '18 at 21:25

As you have an array of objects you can use $.each() to iterate on them see a demo below.

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>

score 0 · Answer 2 · answered May 08 '18 at 21:27

actually you can loop over your categories and the search for each category inside and use the $("#" + category)

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
  })
});

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

Vaxes · Answer 3 · 2018-05-08T21:40:37.050

0

You can use just js for the active_filters, like this:

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
        }
    }
}

edited May 08 '18 at 21:40

answered May 08 '18 at 21:33

Vaxes

62
8

1

when using `for..in` you should check for `.hasOwnProperty()` – Muhammad Omer Aslam May 08 '18 at 21:34
You are right, you always have to check, in case of "removed" items. – Vaxes May 08 '18 at 21:37

Access Array of Objects Property

3 Answers3