How to implement a filter() for Objects in JavaScript?
The filter() method basically outputs all the element object that pass a specific test or satisfies a specific function. The return type of the filter() method is an array that consists of all the element(s)/object(s) satisfying the specified function.
Syntax:
Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!
var newArray = arr.filter(callback(object[, ind[, array]])[, Arg])
Parameters:
- Callback is a predicate, to test each object of the array. Returns True to keep the object, False otherwise. It takes in three arguments:
- Object: The current object being processed in the array.
- ind (Optional): Index of the current object being processed in the array.
- array (Optional): Array on which filter was called upon.
- Arg (Optional): Value to use(.this) when executing callback.
Example 1:
<script> var array = [-1, -4, 5, 6, 8, 9, -12, -5, 4, -1]; var new_array = array.filter(element => element >= 0); document.write( "<h2>Output\n</h2>", "<h3>", new_array, "</h3>"); </script> |
Output:
The above example returns all the positive elements in a given array.
Example 2:
<script> var employees = [ {name: "Tony Stark", department: "IT"}, {name: "Peter Parker", department: "Pizza Delivery"}, {name: "Bruce Wayne", department: "IT"}, {name: "Clark Kent", department: "Editing"} ]; var output = employees.filter(employee => employee.department == "IT"); for(var i=0;i<output.length;i++){ document.write("<h2>", output[i].name, "</h2>", "<br/>") }; </script> |
Output:
