Jquery, где положение на JSon

Question

Say У меня есть образец JSon данные, такие как:

var data = { 
      "items": [{ 
       "id": 1, 
       "category": ["cat1","cat2"] 
      }, { 
       "id": 2, 
       "category": ["cat1","cat3"] 
      }, { 
       "id": 3, 
       "category": ["cat11","cat2"] 
      }] 
     }; 

Теперь Как вернуть только те данные, которые содержит Cat1

Я попытался с Jquery Grep как

var returnedData = $.grep(data.items, function (element, index) { 
return element.category.indexOf("cat1") == 1; 
}); 

Но это не дает мне правильный результат, который должен возвращать первый и второй объекты.

Спасибо.

Answer 1

indexOf возвращает index (0...n - позиция в массиве) или -1, если значение не существует в массиве. Вам необходимо изменить условие, чтобы проверить index на > -1. В вашем варианте вы всегда проверяете index == 1, но cat1 имеет index 0 - вот почему вы получаете пустой результат.

var returnedData = $.grep(data.items, function (element) {  
    return element.category.indexOf('cat1') >= 0; 
}); 

Example

Answer 2

Применение Array.filter

var filteredData = data.items.filter(function(item) { 
    return item.category.indexOf("cat1") > -1; 
});