Я играю с массивами, пытаясь понять их больше, так как в последнее время я часто работаю с ними. Я получил этот случай, когда хочу найти массив и сравнить его значения с другим массивом, который содержит значения некоторых выбранных фильтров.
Например, если я выбираю 3 фильтра, я хочу, чтобы позже писать совпадения в новом массиве - только те, которые соответствуют всем 3 фильтрам.
Для более легкого понимания я установил пример на http://jsfiddle.net/easwee/x8U4v/36/
Код:
var workItems = [
{ "id": 2616, "category": ".category-copy .category-beauty .category-fashion"}, //this is a match
{ "id": 1505, "category": ".category-beauty"}, // NOT
{ "id": 1500, "category": ".category-beauty .category-fashion"}, // NOT
{ "id": 692, "category": ".category-stills .category-retouching"}, // NOT
{ "id": 593, "category": ".category-beauty .category-capture .category-fashion .category-product .category-stills .category-stills-retouching "}, // NOT
{ "id": 636, "category": ".category-beauty .category-copy .category-fashion"}, //this is a match
{ "id": 547, "category": ".category-fashion .category-lifestyle .category-stills .category-stills-retouching "}, // NOT
{ "id": 588, "category": ".category-capture .category-recent-work .category-copy .category-beauty .category-fashion"} //this is a match
];
var filtersArray = [".category-beauty", ".category-fashion", ".category-copy"];
var i;
for (i = 0; i < filtersArray.length; ++i) {
var searchString = filtersArray[i];
console.log('Searching for: ' + searchString);
var filtered = $(workItems).filter(function(){
return this.category.indexOf(searchString);
});
}
console.log('Filtered results: ' + JSON.stringify(filtered, null, 4));
Я также пробовал с помощью
filtered = $.grep(workItems, function(element, index){
return element.category.indexOf(filtersArray[i]);
}, true);
но он соответствует только первому фильтру, и только если он в начале workItems.category
Я пробовал много разных решений, но не могу сделать эту работу. Какую функцию следует использовать для возврата желаемого результата?