Javascript: How to get a unique list of values assigned to the same property from an array of objects?

Question

I'm trying to make a unique list of all the values assigned to the city property, which is buried in an object within an object, and I have an array of such objects

buildings = [ { name: 'Victoria Bell Tower', filterOptions: { city: 'Ottowa', state: 'Canada', buildingType: 'Parliament Building', }, }, { name: 'Cathedral', filterOptions: { city: 'Washington D.C.', state: '', buildingType: 'Cathedral', }, }, { name: 'Post Office', filterOptions: { city: 'Washington D.C.', state: '', buildingType: 'Post Office', }, }]

What's a practical way to get a unique array of the cities properties:

cities = ['Ottowa', 'Washington D.C.']

score 2 · Accepted Answer · answered Jan 31 '20 at 04:15

2

You can try my simple code:

let arr = buildings.map(b => {
  return b.filterOptions.city
})
console.log([...new Set(arr)]);

answered Jan 31 '20 at 04:15

Ryan Nghiem

2,417
2
18
28

This doesn't remove dups, though right? I need uniqe values for a dropdown – Mugunga Jan 31 '20 at 04:30
Do you try? This is a demo: https://codepen.io/phuongnm153/pen/oNgreZy – Ryan Nghiem Jan 31 '20 at 04:40
@Mugunga It would because of the use of `Set` which filters out duplicates – customcommander Jan 31 '20 at 05:01
Ah, yes that works, thank you. Why does it need the [... ] around the new set instead of just: log(new Set(arr)); – Mugunga Feb 01 '20 at 02:00

Javascript: How to get a unique list of values assigned to the same property from an array of objects?

1 Answers1