How to compare array of objects to array?

Question

I have an array of objects and array of strings

cities = [ { id: '1', name: 'Paris'}, { id: '2', name: 'Rome'}, { id: '3', name: 'London'}, { id: '4', name: 'Barcelona'}]

userChoice = ['2','4']

I need to iterate over cities with userChoice and find name of cities by id. I guess it's going to be a nested loop, but I am strugling with it.

cities.filter(city=> userChoice.forEach(choice => choice == city.id))

Nikhil · Accepted Answer · 2019-10-29 21:07:40Z

2

You can use filter() and includes() to filter cities array by checking if a city's id is present in userChoice array.

To get just the names, you can use map() to transform the result.

let cities = [ { id: '1', name: 'Paris'}, { id: '2', name: 'Rome'}, { id: '3', name: 'London'}, { id: '4', name: 'Barcelona'}];
let userChoice = ['2','4'];

let filteredCities = cities.filter(city => userChoice.includes(city.id));

let names = filteredCities.map(city => city.name);

console.log(names);

answered Oct 29, 2019 at 21:07

Nikhil

6,68110 gold badges36 silver badges74 bronze badges

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

1 Comment

Julian W. Over a year ago

includes() doesn't work on IE. If you want to make it work on all the devices and browsers, it would be better to use indexOf(). i.e userChoice.indexOf(city.id) > -1

Noleli · Accepted Answer · 2019-10-29 21:14:18Z

0

You could use a Map object to look up ID based on city.

let cityMap = new Map(cities.map(c => [c.name, c.id]));
console.log(cityMap.get("Rome")); // --> "2"

answered Oct 29, 2019 at 21:14

Noleli

6424 silver badges5 bronze badges

Comments

Adrian Brand · Accepted Answer · 2019-10-29 21:20:08Z

0

Just use a simple map, you map the array element to the city from the other array. You might want to put a null check in if you can have values that might not be in the array but for simplicity I left it out.

const cities = [ { id: '1', name: 'Paris'}, { id: '2', name: 'Rome'}, { id: '3', name: 'London'}, { id: '4', name: 'Barcelona'}];

const userChoice = ['2','4'];

const userCities  = userChoice.map(val => cities.find(c => c.id === val).name);

console.log(userCities)

answered Oct 29, 2019 at 21:20

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

2 Comments

Julian W. Over a year ago

cities.find(c => c.id === val).name will get a reference error when there is no city with an id in userChoice. It should handle that exception.

Adrian Brand Over a year ago

I have mentioned that "You might want to put a null check in if you can have values that might not be in the array but for simplicity I left it out."

Collectives™ on Stack Overflow

How to compare array of objects to array?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related