How to join .map and .filter to filter and remove duplicate in object array

Question

How to join .map and .filter to filter and remove duplicate in object array?

I currently have to use two variables for this:

const arrayOne = [
    {
      id: 1,
      name: "João",
      city: {
        id: 1,
        name: "Rio de Janeiro"
      }
    },
    {
      id: 1,
      name: "Pedro",
      city: {
        id: 2,
        name: "Salvador"
      }
    },
    {
      id: 1,
      name: "Tiago",
      city: {
        id: 1,
        name: "Rio de Janeiro"
      }
    }
  ];

  const arrayTwo = arrayOne.map(function (item, index) {
    return item.city;
  });

  const arrayThree = arrayTwo.filter(
    (elem, index, arr) => index === arr.findIndex((t) => t.id === elem.id)
  );

pilchard · Accepted Answer · 2021-11-04 22:23:43Z

5

If your filter is just to remove duplicates consider creating a Map which simply overwrites all duplicate city.ids. This can then be converted back to an array, here using spread syntax on the Map.values().

const arrayOne = [
  { id: 1, name: 'João', city: { id: 1, name: 'Rio de Janeiro' } },
  { id: 1, name: 'Pedro', city: { id: 2, name: 'Salvador' } },
  { id: 1, name: 'Tiago', city: { id: 1, name: 'Rio de Janeiro' } },
];

const arrayTwo = [...new Map(arrayOne.map(({ city }) => [city.id, city])).values()];

console.log(arrayTwo);

answered Nov 4, 2021 at 22:23

pilchard

13.1k5 gold badges14 silver badges27 bronze badges

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

1 Comment

Cleiton Freitas Over a year ago

Thank you for your help!

JDB · Accepted Answer · 2021-11-04 22:18:08Z

4

Just chain them together?

  const result = arrayOne.map(function (item, index) {
    return item.city;
  }).filter(
    (elem, index, arr) => index === arr.findIndex((t) => t.id === elem.id)
  );

If you mean that you want to map and filter at the same time, then you can use either flatMap or reduce as described in another Q/A: https://stackoverflow.com/a/34398349/211627

edited Nov 4, 2021 at 22:18

answered Nov 4, 2021 at 22:10

JDB

26.1k5 gold badges81 silver badges132 bronze badges

1 Comment

Cleiton Freitas Over a year ago

Thank you for your help!

Collectives™ on Stack Overflow

How to join .map and .filter to filter and remove duplicate in object array

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related