How To Use .filter() In Angular

In this blog, I will explain how to use .filter() function in Angular.

We have an array containing multiple objects, each one representing an employee, but only want some of the objects in it. That’s where .filter() comes in.

var employees = [  
  {  
    "id": 1,  
    "name": "Nikhil",  
    "role": "Developer"  
  },  
  {  
    "id": 2,  
    "name": "Nikunj",  
    "role": "Tester"  
  },  
  {  
    "id": 3,  
    "name": "Dharmesh",  
    "role": "Tester"  
  },  
  {  
    "id": 4,  
    "name": "Mikin",  
    "role": "Developer"  
  }  
]  

So we want two arrays, one for employee a role is a Developer and another one is for Tester. You can achieve this using .filter().

var developers = employees.filter(employee => employee.role == "Developer"); 
var Testers = employees.filter(employee => employee.role == "Tester");   

First array returns Nikhil and Mikin.
Second array returns Nikunj and Dharmesh.