Remove duplicate data from array object in javascript

Before we are going to remove duplicate value from the array of object we should know to remove duplicate value from the array.

First, define the array of data.

let words = ['Edison','Stalin','Stalin','Edison'];

In this array, we have two duplicate values. One ‘Edison’ another one is ‘Stalin’.

Remove duplicate value using filter method.

words.filter((v,i)=> words.indexOf(v) === i);
console.log(words);
//expected output is ['Edison', 'Stalin'];

So far it easy and well. But how we remove duplicate data from the array object?

Remove the duplicate value from the array object.

Let us define an array of object.

var words = [{name: 'Edison'}, {name: 'Stalin'}, {name: 'Stalin'}, {name:'Edison'}];

In this array, we have two duplicate values. One {name: ‘Edison’} another one is {name: ‘Stalin’}.

In above all value store in name object. In this example, we will see how to remove duplicate from the array object. Earlier I felt its really heard. Eventually, I found the solution.

We should use map() function its help to remove duplicate value. We should return name value using map() method then write indexOf() method.

const result = words.filter((v,i) => {
  return words.map((val)=> val.name).indexOf(v.name) == i
})
console.log(result); 
//Excepted output is [{name: 'Edison'},{name:'Stalin'}]

Thank you for reading dear friends.

Reference links:

Removing duplicates from an array with vanilla JavaScript

JavaScript: Remove Duplicates from an Array - William S. Vincent

Array.prototype.filter()