How to useArray.filter() and Object.keys() in Javascript
Employing Array.filter()
with Object.keys()
enables filtering based on multiple properties with simplicity and clarity. In this approach, we are going to filter the given array by the use of the Array.flter() method and adding them into the object using Object.keys() method and printing the final array of the object into the console.
Example: This example shows the use of the above approach.
JavaScript
const data = [ { id: 1, name: 'John' , age: 25 }, { id: 2, name: 'Jane' , age: 30 }, { id: 3, name: 'Doe' , age: 25 }, ]; // Filtering based on multiple properties // using Array.filter() and Object.keys() const filterConditions = { age: 25, name: 'John' }; const filteredData = data.filter(item => Object.keys(filterConditions) .every(key => item[key] === filterConditions[key]) ); console.log(filteredData); |
Output
[ { id: 1, name: 'John', age: 25 } ]
How to Filter an Array of Objects Based on Multiple Properties in JavaScript ?
Filtering an array of objects based on multiple properties is a common task in JavaScript. It allows us to selectively extract items from an array that satisfy specific conditions. We will explore different approaches to achieve this task.
These are the following approaches:
Table of Content
- Using the filter() Method
- Using a for Loop
- Using Array.from() and filter()
- Using reduce() method
- Using forEach() and filter()
- Using Array.filter() and Object.entries()
- Using Array.filter() and Object.keys()
Contact Us