jQuery Remove Duplicate Objects from Array

Remove duplicate objects from array in jQuery; Through this tutorial, i am going to show you how to remove duplicate objects from array in jQuery.

jQuery Remove Duplicate Objects from Array

You can use the following methods to remove duplicate objects from array:

  • Method 1 – How To Remove Duplicate Objects from Array in jQuery

Method 1 – How To Remove Duplicate Objects from Array in jQuery

See the following example for how to remove duplicate objects from array in jQuery:

<!DOCTYPE html>
<html>
<head>
    <title>Remove Duplicate Objects from Array Jquery Example - Laratutorials.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>

The following script code will remove duplicate objects from array in jquery:

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

Recommended jQuery Tutorials

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *