Remove duplicate objects/data from an array of objects in Javascript

How to Remove duplicate object data from an array using JavaScript.

To remove the duplicate object data from an array, have to use the filter function. So, it will filter out the duplicate objects/data from an array.

Please see the below example.

Javascript

var uniqueItems = [];

var sampleData =
  [
    { id: 1, name: 'firstname' },
    { id: 2, name: 'middlename' },
    { id: 1, name: 'firstname' },
    { id: 1, name: 'lastname' }
  ]

var duplicateItems = sampleData.filter(filteredData => {
  if (uniqueItems.find(items =>
    items.id === filteredData.id)) {
    return true;
  }
  uniqueItems.push(filteredData);
  return false;
});