how to get unique values from a list of objects?

Question

Data:

[
  {
    "name": "Ankh of Anubis",
    "rank": {
      "_type": "medal",
      "current": "ankh-of-anubis"
    }
  },
  {
    "name": "Bonus Roulette",
    "rank": {
      "_type": "medal",
      "current": "bonus-roulette"
    }
  },
  {
    "name": "jetx",
    "rank": {
      "_type": "medal",
      "current": "jetx"
    }
  },
  {
    "name": "Gates of Olympus",
    "rank": {
      "_type": "trophy",
      "current": "gates-of-olympus"
    }
  },
]

How to filter only unique values,

uniqueValues = ["medal","trophy"]

I tried,

const uniqueTitles = new Set(games.category.title);
const uniqueTitles = [...new Set(games.category.title)] //typescript error.

 useEffect(() => {
    const uniqueTitles = games.filter((game:any) => {
      return new Set(game.category.title);
    })
    setTitles(uniqueTitles);
  },[])

score 2 · Accepted Answer · answered Jun 22 '22 at 15:19

You are using Set as the return value for a filter function. Is it really intended that way? Given the data:

const data = [
  {
    "name": "Ankh of Anubis",
    "rank": {
      "_type": "medal",
      "current": "ankh-of-anubis"
    }
  },
  {
    "name": "Bonus Roulette",
    "rank": {
      "_type": "medal",
      "current": "bonus-roulette"
    }
  },
  {
    "name": "jetx",
    "rank": {
      "_type": "medal",
      "current": "jetx"
    }
  },
  {
    "name": "Gates of Olympus",
    "rank": {
      "_type": "trophy",
      "current": "gates-of-olympus"
    }
  },
]

You can do this:

const uniqueValues = new Set();
data.forEach(record => uniqueValues.add(record.rank._type));
console.log(uniqueValues);

Here's the link.

score 1 · Answer 2 · answered Jun 22 '22 at 15:27

1

Assuming your array is called data:

const unique = [...new Set(data.map(item => item.rank._type))];

Credits: https://stackoverflow.com/a/58429784/6320971

answered Jun 22 '22 at 15:27

BJZ

36
1

AoooR · Answer 3 · 2022-06-22T15:27:15.287

Solution similar to your first try :

const data = [{"name":"Ankh of Anubis","rank":{"_type":"medal","current":"ankh-of-anubis"}},{"name":"Bonus Roulette","rank":{"_type":"medal","current":"bonus-roulette"}},{"name":"jetx","rank":{"_type":"medal","current":"jetx"}},{"name":"Gates of Olympus","rank":{"_type":"trophy","current":"gates-of-olympus"}},];

const uniqueValues = new Set(data.map(elem => elem.rank._type));
uniqueValues.forEach(value => console.log(value));

score 0 · Answer 4 · answered Jun 22 '22 at 15:30

const data = [
  {
    "name": "Ankh of Anubis",
    "rank": {
      "_type": "medal",
      "current": "ankh-of-anubis"
    }
  },
  {
    "name": "Bonus Roulette",
    "rank": {
      "_type": "medal",
      "current": "bonus-roulette"
    }
  },
  {
    "name": "jetx",
    "rank": {
      "_type": "medal",
      "current": "jetx"
    }
  },
  {
    "name": "Gates of Olympus",
    "rank": {
      "_type": "trophy",
      "current": "gates-of-olympus"
    }
  },
]

const result = data.filter((item, index) => {
  const itemIndex = data.findIndex(i => i.rank._type === item.rank._type)
  return itemIndex === index
})

console.log(result)

score 0 · Answer 5 · answered Jun 22 '22 at 15:46

0

Simple way:

Array.from(new Set(dataList.map(i => i.name)))

answered Jun 22 '22 at 15:46

Lucas Ferronato

72
4

how to get unique values from a list of objects?

5 Answers5