<!DOCTYPE html>
<html>
<head>
<title>Remove Duplicate Objects from Array Jquery Example - Tutsmake.com</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
var myArray = [
{ "id" : "1", "firstName" : "Michael", "lastName" : "stoddardd" },
{ "id" : "2", "firstName" : "Kate", "lastName" : "smith" },
{ "id" : "3", "firstName" : "john", "lastName" : "sam" },
{ "id" : "1", "firstName" : "Kate", "lastName" : "smith" },
{ "id" : "5", "firstName" : "Michael", "lastName" : "stoddardd" }
];
function removeDumplicateValue(myArray){
var newArray = [];
$.each(myArray, function(key, value) {
var exists = false;
$.each(newArray, function(k, val2) {
if(value.id == val2.id){ exists = true };
});
if(exists == false && value.id != "") { newArray.push(value); }
});
return newArray;
}
console.log(removeDumplicateValue(myArray));
</script>
</body>
</html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter