AngularJS Remove Duplicates Object from Array Example

By Hardik Savani October 20, 2023 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: AngularJS Check and Uncheck All Checkboxes Example
<!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 :
Previous

Codeigniter Form Submit using Ajax Request Example
Next

PHP Laravel 5.7 - Create Admin Panel Example

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares