Edit in JSFiddle

angular.module("app",[])
.controller("filterCtr",function($scope,$filter){

    $scope.checkCity= function(item){
        if(item==='goa'){
          return true;
        }
        else{
          return false;
        }
        
    }
    
})

<div data-ng-app="app">
  <div data-ng-controller="filterCtr">
      filter based on element o :<br/>     {{['mumbai','delhi','bangalore','goa','chennai',pune]|filter:'o'}} 
      
      <hr/>
 filter based on function <br/>
 {{['mumbai','delhi','bangalore','goa','chennai',pune]|filter:checkCity}} 
      <br/><hr/>
      filter based on object <br/>
{{[
 {"id":1,"name":"delhi"},
 {"id":2,"name":"mumbai"},
 {"id":3,"name":"goa"},
 {"id":1,"name":"chennai"}
 ]|filter:{'id':'1'} }}
  </div>
</div>