Filter unique values from an array of objects

Question

How can I use Array.filter() to return unique id with name ?

My scenario is slightly different than the solutions I have researched in that I have an array of objects. Every example I find contains a flat array of single values.

data=[
{id: 555, name: "Sales", person: "Jordan" },
{id: 555, name: "Sales", person: "Bob" },
{id: 555, name: "Sales", person: "John" },
{id: 777, name: "Accounts Payable", person: "Rhoda" },
{id: 777, name: "Accounts Payable", person: "Harry" },
{id: 888, name: "IT", person: "Joe" },
{id: 888, name: "IT", person: "Jake" },
];

var unique = data.filter(
function (x, i) {
   return data[i].id.indexOf(x.id) === i
});

Thanks in advance.

Mamun · Accepted Answer · 2019-02-07T13:05:16.583

47

I think forEach() is better to achieve what you are looking for:

var data=[
{id: 555, name: "Sales", person: "Jordan" },
{id: 555, name: "Sales", person: "Bob" },
{id: 555, name: "Sales", person: "John" },
{id: 777, name: "Accounts Payable", person: "Rhoda" },
{id: 777, name: "Accounts Payable", person: "Harry" },
{id: 888, name: "IT", person: "Joe" },
{id: 888, name: "IT", person: "Jake" },
];
var resArr = [];
data.forEach(function(item){
  var i = resArr.findIndex(x => x.name == item.name);
  if(i <= -1){
    resArr.push({id: item.id, name: item.name});
  }
});
console.log(resArr);

If you really want to use filter() try the following way:

var data=[
{id: 555, name: "Sales", person: "Jordan" },
{id: 555, name: "Sales", person: "Bob" },
{id: 555, name: "Sales", person: "John" },
{id: 777, name: "Accounts Payable", person: "Rhoda" },
{id: 777, name: "Accounts Payable", person: "Harry" },
{id: 888, name: "IT", person: "Joe" },
{id: 888, name: "IT", person: "Jake" },
];
var resArr = [];
data.filter(function(item){
  var i = resArr.findIndex(x => x.name == item.name);
  if(i <= -1){
    resArr.push({id: item.id, name: item.name});
  }
  return null;
});
console.log(resArr);

edited Feb 07 '19 at 13:05

answered Apr 12 '17 at 15:52

Mamun

66,969
9
47
59

Yup, that's it ! I was going for a for loop, but I think filter is best. – bob.mazzo Apr 12 '17 at 16:10
1

I don't understand why SO jumps to conclusions so quickly re: with a duplicate answer remark. I had searched, but hadn't found the best solution for my scenario. – bob.mazzo Apr 12 '17 at 16:14
1

I think that forEach would be better since this approach does not actually use the filter function, since it does not return anything inside the function. – rablentain Oct 04 '17 at 14:05
13

data = data.reduce((items, item) => items.find(x => x.name === item.name) ? [...items] : [...items, item], []) – Christopher Kiessling Jan 25 '20 at 04:49
@ChristopherKiessling I like this. Any reason to do [...items] instead of just items in the first branch of the ternary? – jinglesthula Jul 08 '21 at 19:59
1

@jinglesthula my bad, use just items in the first ternary branch – Christopher Kiessling Jul 08 '21 at 23:14

Filter unique values from an array of objects

1 Answers1

Linked