[Edit]

JavaScript - remove all duplicates from array of objects

1 contributors

2 contributions

0 discussions

0 points

Created by:

Gaia-Kirby

720

In this article, we would like to show you how to remove all duplicates from an array of objects in JavaScript.

1. Practical example

Edit

In this section, we present a practical example of how to use filter() and findIndex() methods to remove duplicate elements from an array of objects.

xxxxxxxxxx
 
let array = [
    { type: 1, name: 'a' },
    { type: 2, name: 'b' },
    { type: 2, name: 'b' },
];
​
array = array.filter(
    (value, index, self) => index === self.findIndex((item) => item.type === value.type && item.name === value.name)
);
​
console.log(JSON.stringify(array));

Auto running

2. Array inside object

Edit

In this example, we present how to use filter() and findIndex() methods to remove duplicate elements from an array of objects which is placed inside an object.

xxxxxxxxxx
 
const object = {
    array: [
        { type: 1, name: 'a' },
        { type: 2, name: 'b' },
        { type: 2, name: 'b' }
    ]
};
​
object.array = object.array.filter(
    (value, index, self) => index === self.findIndex((item) => item.type === value.type && item.name === value.name)
);
​
console.log(JSON.stringify(object.array));