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