filter array so that objects with same property only appear once in array

Question

I have following array:

[
  {name: "Joske", code: "IEDDK"},
  {name: "Mieke", code: "IEDDK"},
  {name: "Jan", code: "IEDDK"},
  {name: "Test", code: "IsxJK"},
  {name: "Koen", code: "IsxJK"},
]

And I need a function which gives me an array of objects where there is only once occurrence of the code property:

[
  {name: "Joske", code: "IEDDK"},
  {name: "Test", code: "IsxJK"},
]

I have thought about it and I think I'm making it harder than it needs to be. Does someone has a simple function to do this?

spender · Accepted Answer · 2022-06-15 12:10:16Z

1

If you don't mind a "last wins", this can be done nicely with

[...new Map(data.map(d => [d.code, d])).values()]

with O(n) complexity (unlike some other approaches that re-iterate the array for every member, looking for matches thereby exhibiting quadratic complexity).

For a "first wins", just reverse your data:

[...new Map([...data].reverse().map(d => [d.code, d])).values()]

This can be folded into a typesafe generic function:

const distinctBy = <T, K>(data: T[], keySelector: (v: T) => K): T[] => 
    [...new Map(data.map(d => [keySelector(d), d])).values()]

and used

distinctBy(data, d => d.code)

Playground Link

edited Jun 15, 2022 at 12:10

answered Jun 15, 2022 at 11:49

spender

121k36 gold badges245 silver badges369 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2022-06-15 12:09:24Z

0

Group your array based on code using array#reduce in an object accumulator and extract all the values using Object.values().

const data = [{ name: "Joske", code: "IEDDK" }, { name: "Mieke", code: "IEDDK" }, { name: "Jan", code: "IEDDK" }, { name: "Test", code: "IsxJK" }, { name: "Koen", code: "IsxJK" }, ],
    result = Object.values(data.reduce((r, o) => {
      r[o.code] = r[o.code] || o;
      return r;
    },{}));
console.log(result);

answered Jun 15, 2022 at 12:09

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Comments

Youssouf Oumar · Accepted Answer · 2022-06-15 11:48:12Z

0

You coud use a forEach with find method, this way:

let data = [ { name: "Joske", code: "IEDDK" }, { name: "Mieke", code: "IEDDK" },{ name: "Jan", code: "IEDDK" }, { name: "Test", code: "IsxJK" }, { name: "Koen", code: "IsxJK" }];

const removeSimilar = (array) => {
  let result = [];
  array.forEach((item) => {
    if (!result.find((i) => i.code === item.code)) result.push(item);
  });
  return result;
};

console.log(removeSimilar(data))

answered Jun 15, 2022 at 11:48

Youssouf Oumar

47.5k16 gold badges109 silver badges108 bronze badges

Comments

mbojko · Accepted Answer · 2022-06-15 12:07:37Z

0

With filter and findIndex is also an option:

const arr = [
  {name: "Joske", code: "IEDDK"},
  {name: "Mieke", code: "IEDDK"},
  {name: "Jan", code: "IEDDK"},
  {name: "Test", code: "IsxJK"},
  {name: "Koen", code: "IsxJK"},
];

const isTheSameAs = ({ code }) => item => item.code === code;

const filteredArr = arr
    .filter((item, indexInOriginalArray, array) => array.findIndex(isTheSameAs(item)) === indexInOriginalArray);

console.log(filteredArr);

answered Jun 15, 2022 at 12:07

mbojko

14.8k2 gold badges21 silver badges28 bronze badges

Collectives™ on Stack Overflow

filter array so that objects with same property only appear once in array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related