Filter the unique object by name from array

Question

I am trying to filter unique object from the places Array inside the list Array, but not able to get the exact solution to find the unique place name, please find the array data below=>

"list":[
   {
      "id":1,
      "uID": 1 
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"USA"
         },
         {
            "name":"GER"
         }
      ]
   },
   {
      "id":2,
      "uID":2
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"GER"
         },
         {
            "name":"GER"
         }
      ]
   }
]

The Expected output should be like this =>

"list":[
   {
      "id":1,
      "uID": 1 
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"GER"
         }
      ]
   },
   {
      "id":2,
      "uID":2
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"GER"
         }
      ]
   }
]

Appreciate your help.

Terry Lennox · Accepted Answer · 2022-07-21 12:56:33Z

2

You can use Array.map() to map to map each member of the list to a new value.

For each value, we can remove duplicate places using a Set object.

We instantiate the Set using an array of the place names, using .map() again. The Set will then contain a list of the unique place names.

We then assign this to the places property of each output item.

const list = [ { "id":1, "uID": 1, "places":[ { "name":"USA" }, { "name":"USA" }, { "name":"GER" } ] }, { "id":2, "uID":2, "places":[ { "name":"USA" }, { "name":"GER" }, { "name":"GER" } ] } ]

const result = list.map(({ places, ...obj }) => {
    const uniquePlaces = new Set(places.map(item => item.name));
    return { ...obj, places: [ ...uniquePlaces].map(name => ({ name })) }
})

console.log('Result:', result);

.as-console-wrapper { max-height: 100% !important; }

edited Jul 21, 2022 at 12:56

answered Jul 21, 2022 at 11:36

Terry Lennox

30.9k5 gold badges37 silver badges45 bronze badges

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

Comments

Nehang · Accepted Answer · 2022-07-21 11:29:48Z

0

You can use Set() to filter duplicate by using add() method. for more reference take a look at this link : https://levelup.gitconnected.com/how-to-find-unique-values-by-property-in-an-array-of-objects-in-javascript-50ca23db8ccc

answered Jul 21, 2022 at 11:29

Nehang

12 bronze badges

Comments

Yong Shun · Accepted Answer · 2022-07-21 11:36:36Z

0

Convert the object(s) in places array as (JSON) string via JSON.stringify().
With new Set() to distinct the JSON string.
Convert to array from result 2 via Array.from().
Convert each (JSON) string in the array (from 3) to the object via JSON.parse().

list = list.map(x => {
    x.places = Array.from([...new Set(x.places.map(x => JSON.stringify(x)))])
        .map(x => JSON.parse(x));

    return x;
})

Sample Typescript Playground

answered Jul 21, 2022 at 11:36

Yong Shun

54.7k6 gold badges38 silver badges66 bronze badges

Comments

germanovs · Accepted Answer · 2022-07-21 11:40:44Z

const foo = {
"list":[
   {
      "id":1,
      "uID": 1,
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"USA"
         },
         {
            "name":"GER"
         }
      ]
   },
   {
      "id":2,
      "uID":2,
      "places":[
         {
            "name":"USA"
         },
         {
            "name":"GER"
         },
         {
            "name":"GER"
         }
      ]
   }
]};

const newList = foo.list.map(element => {
  let filteredPlaces = [];
  element.places.forEach(place => {
    const checkExistingPlaces = filteredPlaces.some(elem => elem.name === place.name);
    if (!checkExistingPlaces) {
      filteredPlaces.push(place);
    }
  });
  element.places = filteredPlaces;
  return element;
});

console.log(newList)

Collectives™ on Stack Overflow

Filter the unique object by name from 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