lodash filter array using query array - lodash

Question

How can I filter an array of objects below using lodash? Here is my query
var query = { "body": ["Hatchback", "Sedan"] };
var objects = [{
"make": "BMW",
"model": "i3",
"maxRange": 81,
"price": "42,400",
"body": "Hatchback"
}, {
"make": "Chevrolet",
"model": "Spark EV",
"maxRange": 82,
"price": "25,120",
"body": "Hatchback"
}, {
"make": "Kia",
"model": "Soul EV",
"maxRange": 90,
"price": "31,950",
"body": "Wagon"
}, {
"make": "Tesla",
"model": "Model S",
"maxRange": 303.2,
"price": "75,000",
"body": "Sedan"
}, {
"make": "Tesla",
"model": "Model X",
"maxRange": 257,
"price": "83,000",
"body": "SUV"
}]
I tried to use _matches but it doesn't seem to match arrays. Here is my attempt
_.filter(objects, _.matches(query))

Answer 1

Ummm, I dont know about how to do with lodash but we can certainly do with vanillaJS in just two lines of code though.
var query = { "body": ["Hatchback", "Sedan"] };
var filteredObjArray = objects.filter(obj => query.body.includes(obj.body)))
Hope that helps :).

Answer 2

You can use JS .filter with .every to check multiple properties. If a query property is an array use .include to compare, if not make a simple comparison:
function multipleFilter(arr, query) {
var queryKeys = Object.keys(query); // create an array of the keys in the query object
return arr.filter(function(item) {
return queryKeys.every(function(key) { // use .every on the keys so if one fails, the item is filtered out
var keyData = item[key]; // get the data of the key from the item
var keyQuery = query[key]; // get the query from query object
return Array.isArray(keyQuery) ? keyQuery.includes(keyData) : keyQuery === keyData; // if the query is an array use include, if not use comparison
});
});
}
var objects = [{
"make": "BMW",
"model": "i3",
"maxRange": 81,
"price": "42,400",
"body": "Hatchback"
}, {
"make": "Chevrolet",
"model": "Spark EV",
"maxRange": 82,
"price": "25,120",
"body": "Hatchback"
}, {
"make": "Kia",
"model": "Soul EV",
"maxRange": 90,
"price": "31,950",
"body": "Wagon"
}, {
"make": "Tesla",
"model": "Model S",
"maxRange": 303.2,
"price": "75,000",
"body": "Sedan"
}, {
"make": "Tesla",
"model": "Model X",
"maxRange": 257,
"price": "83,000",
"body": "SUV"
}];
var query1 = {
"body": ["Hatchback", "Sedan"]
};
var query2 = {
"body": ["Hatchback", "Sedan"],
make: "BMW"
};
console.log('query1', multipleFilter(objects, query1));
console.log('query2', multipleFilter(objects, query2));
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>