Angularjs remove duplicates object from objects array

By Hardik Savani | January 16, 2019 | | 6039 Viewer | Category : Javascript AngularJS


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:

<!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...



***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: