Remove array element based on duplicate property

Question

I have an Array Object as below:

[
   {
     label : { title: 'Home'},
     url: '/'
   },
   {
     label : { title: 'Purchasing'},
     url: '//purchasing///'
   },
   {
     label : { title: 'Purchase Order Details'},
     url: '//purchasing////2002'
   },
   {
     label : { title: 'Purchase Order Details'},
     url: '//purchasing////2002/'
   }
]

I want to remove the object (duplicate) based on it's title property. For example: here 3rd & 4th objects have similar title properties.

How to do this?

Hmmmm, how would you feel about using lodash's _.uniqBy(your_array, 'label.title')? lodash.com/docs/4.17.15#uniqBy — Bruno Lipovac
– Bruno Lipovac, Commented Dec 18, 2020 at 7:50

phi-rakib · Accepted Answer · 2020-12-18 07:50:40Z

2

You could use Array.prototype.reduce() method. Traverse the array and group all data by title.

const data = [
  {
    label: { title: 'Home' },
    url: '/',
  },
  {
    label: { title: 'Purchasing' },
    url: '//purchasing///',
  },
  {
    label: { title: 'Purchase Order Details' },
    url: '//purchasing////2002',
  },
  {
    label: { title: 'Purchase Order Details' },
    url: '//purchasing////2002/',
  },
];
const ret = Object.values(
  data.reduce((prev, c) => {
    const p = prev;
    const key = c.label.title;
    p[key] = { ...c };
    return p;
  }, {})
);
console.log(ret);

answered Dec 18, 2020 at 7:50

phi-rakib

3,3222 gold badges12 silver badges21 bronze badges

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

Comments

hyojoon · Accepted Answer · 2020-12-18 08:20:39Z

0

Solution via Array.filter()

let uniq = {};
let arr = [
   {
     label : { title: 'Home'},
     url: '/'
   },
   {
     label : { title: 'Purchasing'},
     url: '//purchasing///'
   },
   {
     label : { title: 'Purchase Order Details'},
     url: '//purchasing////2002'
   },
   {
     label : { title: 'Purchase Order Details'},
     url: '//purchasing////2002/'
   }
]

let filtered = arr.filter(obj => !uniq[obj.label.title] && (uniq[obj.label.title]=true));

console.log(filtered);

answered Dec 18, 2020 at 8:20

hyojoon

6531 gold badge8 silver badges21 bronze badges

Collectives™ on Stack Overflow

Remove array element based on duplicate property

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related