Angularjs remove duplicates object from objects array

By Hardik Savani September 6, 2020 Category : Javascript Angular

Today, i will give you example of how to remove duplicate array or object from array using js forEach. we can simply filter remove duplicates from array in angular js. you use this code for removing same entries array in json object in angular 2, angular 4, angular 6, angular 7.

in this example, we will create simple angular js json array with some duplicate array. then we will create javascript function that will remove duplicate array from our json object array. so just use bellow example and do it.

Example:

Read Also: Check and uncheck all checkbox using Angularjs
<!doctype html>
<html>
<head>
  <title>Angularjs remove duplicates object from objects array - ItSolutionStuff.com</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
   
<body ng-app='myapp'>
  <h1>Angularjs remove duplicates object from objects array - ItSolutionStuff.com</h1>
  <div ng-controller="myCtrl">
   
  </div>
</body>
   
<script type="text/javascript">
    
   var app = angular.module('myapp', []);
   
   app.controller('myCtrl', function ($scope, $location) {
    
      var myArray = [
        { "id" : "1", "firstName" : "Hardik", "lastName" : "Savani" }, 
        { "id" : "2", "firstName" : "Vimal", "lastName" : "Kashiyani" }, 
        { "id" : "3", "firstName" : "Harshad", "lastName" : "Pathak" }, 
        { "id" : "1", "firstName" : "Hardik", "lastName" : "Savani" }, 
        { "id" : "5", "firstName" : "Harsukh", "lastName" : "Makawana" }
      ];
   
      console.log(removeDumplicateValue(myArray));
   
    });
   
    function removeDumplicateValue(myArray){ 
      var newArray = [];
   
      angular.forEach(myArray, function(value, key) {
        var exists = false;
        angular.forEach(newArray, function(val2, key) {
          if(angular.equals(value.id, val2.id)){ exists = true }; 
        });
        if(exists == false && value.id != "") { newArray.push(value); }
      });
    
      return newArray;
    }
   
</script>
</html>

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts