How to create a multi-filter function to filter out multiple attributes?

by

If you format your filter conditions just like an object in your data array, but with values being arrays of possible values, then you can use the filter method as follows:

let data = [
  {
    "name": "Apple",
    "age": 24,
    "model": "Android",
    "status": "Under development",
  }, {
    "name": "Roboto",
    "age": 24,
    "model": "Apple",
    "status": "Running",
  }, {
    "name": "Samsung",
    "age": 26,
    "model": "Blueberry",
    "status": "Running",
  },
];

let filter = {
    "name": ["Roboto", "Ericsson"],
    "age": [22, 24, 26],
};

let res = data.filter(obj =>
    Object.entries(filter).every(([prop, find]) => find.includes(obj[prop])));
    
console.log(res);

More Related Contents:

  1. Filter JSON by key value with JavaScript
  2. Filter array of objects based on another array in javascript
  3. How can I group data with an Angular filter?
  4. Filter object properties by key in ES6
  5. How to filter an array from all elements of another array
  6. javascript filter array multiple conditions
  7. How to map more than one property from an array of objects
  8. Filter array of objects with another array of objects
  9. Create array of unique objects by property
  10. Filter array of objects by multiple properties and values
  11. How to make Regular expression into non-greedy?
  12. How to filter an array in javascript?
  13. AngularJS – how to get an ngRepeat filtered result reference
  14. How can I only keep items of an array that match a certain condition?
  15. Javascript: filter array of objects by array of strings
  16. ngRepeat Filter by deep property
  17. Angular 2 pipe that transforms JSON object to pretty-printed JSON
  18. How to filter keys of an object with lodash?
  19. Initial Range selection in DC.js chart
  20. Filtering array of objects by searching nested object properties
  21. Recursively filter array of objects
  22. JavaScript filter array by data from another
  23. Removing undefined values from Array
  24. AngularJS : Asynchronously initialize filter
  25. How to use Array.prototype.filter with async?
  26. Filter nested array in object array by array of values
  27. apply formatting filter dynamically in a ng-repeat
  28. Map/Set to maintain unique array of arrays, Javascript
  29. filter array of objects by another array of objects
  30. Is it possible to check dimensions of image before uploading?

Leave a Comment