How to remove duplicate elements from an array of objects JS [duplicate]

Question

I have array objects with keys path and current. How to remove duplicate elements, where key current has the same value.

let arrPath = [{
  path: [1, 2],
  current: "K"
}, {
  path: [0, 3],
  current: "I"
}, {
  path: [1, 3],
  current: "N"
}, {
  path: [1, 4],
  current: "N"
}, {
  path: [0, 2],
  current: "G"
}, {
  path: [2, 2],
  current: "G"
} ];

From dupe: arrPath = arrPath.filter((item, index, self) => self.findIndex(t => t.current === item.current) === index) — mplungjan
– mplungjan, Commented Dec 26, 2021 at 9:38
Please visit help center, take tour to see what and How to Ask. Do some research, search for related topics on SO; if you get stuck, post a minimal reproducible example of your attempt, noting input and expected output, preferably in a Stacksnippet — mplungjan
– mplungjan, Commented Dec 26, 2021 at 9:43

Deepak · Accepted Answer · 2021-12-26 09:30:55Z

-1

You can remove duplicate objects (duplicate object in the sense that it contains duplicate current property) by using reduce.

let arrPath = [{ path: [1, 2], current: "K" }, { path: [0, 3], current: "I" }, { path: [1, 3], current: "N" }, { path: [1, 4], current: "N" }, { path: [0, 2], current: "G" }, { path: [2, 2], current: "G" }]

let resultData = arrPath.reduce((elements, obj, index) => {
  let existingData = elements.find(element =>
    element.current === obj.current
  );
  if (!existingData) {
    elements.push(obj);
  }
  return elements;
}, []);

console.log(resultData)

edited Dec 26, 2021 at 9:30

answered Dec 26, 2021 at 9:13

Deepak

2,7522 gold badges13 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mplungjan Over a year ago

Reduce instead of filter?. Also a massive dupe. Here is a version from the dupe I chose to close the question with arrPath = arrPath.filter((item, index, self) => self.findIndex(t => t.current === item.current) === index)

mplungjan Over a year ago

A neater reduce also from the dupe: Object.values(arrPath.reduce((acc,cur)=>Object.assign(acc,{[cur.current]:cur}),{}))

skara9 · Accepted Answer · 2021-12-26 09:33:54Z

-2

You can map each value in the array to an entry using the current values for the keys.

Then use these entries to construct a Map object, effectively eliminating duplicate entries.

You can convert the Map back to an array using Array.from

Array.from(new Map(arrPath.map(o => [o.current, o])).values())

edited Dec 26, 2021 at 9:33

answered Dec 26, 2021 at 9:22

skara9

4,2041 gold badge9 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to remove duplicate elements from an array of objects JS [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related