Steps for iterating through an object and using an if statement to verify a property's value

Question

Steps for iterating through an object and using an if statement to verify a property's value

My challenge involves filtering a property named 'miles' within an array of objects. The objective is to compare the 'miles' property value and only return those that are less than the user's specified miles. Subsequently, the values of the 'city' property should be pushed into an empty array and returned.

However, the current issue is that the code is returning an empty array instead of the desired cities/countries.

Below is the code snippet provided:

/* Your provided code snippet here */

Expected Output:

closureTrip(flights)(user) => [ 'BOLZANO', 'DUBAI', 'LISBON', 'NICE' ]

Current Output:

closureTrip(flights)(user) => []

javascript arrays if-statement return javascript-objects

Answer 1

Answer №1

Here are the steps you can take:

Utilize Array#filter to retrieve all elements in the array that share the same origin as the user.
Employ Array#flatMap to form a single one-dimensional array containing all the cities from the previous step.
Apply Array#filter once more to select only the cities whose mile count is within the user's limit.
Use Array#map to extract solely the names of those cities.

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles: 30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}];
let user = {
   name: 'Elena',
   miles: 450,
   origin: 'AEP'
};
function closureTrip(flights) {
    return user => 
      flights.filter(f => f.origin === user.origin).flatMap(f => f.destinations)
             .filter(o => o.miles <= user.miles).map(o => o.city);
}
console.log(closureTrip(flights)(user));

Answer 2

Here are the steps you can take:

Utilize Array#filter to retrieve all elements in the array that share the same origin as the user.
Employ Array#flatMap to form a single one-dimensional array containing all the cities from the previous step.
Apply Array#filter once more to select only the cities whose mile count is within the user's limit.
Use Array#map to extract solely the names of those cities.

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles: 30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}];
let user = {
   name: 'Elena',
   miles: 450,
   origin: 'AEP'
};
function closureTrip(flights) {
    return user => 
      flights.filter(f => f.origin === user.origin).flatMap(f => f.destinations)
             .filter(o => o.miles <= user.miles).map(o => o.city);
}
console.log(closureTrip(flights)(user));

Answer 3

Answer №2

To start, utilize the filter function to select only the entries with the correct origin. Next, apply flatMap to retrieve all destinations from those entries and consolidate them into a single array. Then, filter out any destinations that are beyond a certain distance. Lastly, extract and return the city property for each entry. The output will be an array of cities.

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles:  30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}]

let user = {
   name: 'Elena',
   miles: 450,
   origin: 'AEP'
}

console.log(
  flights.filter(i => i.origin===user.origin)
    .flatMap(i => i.destinations)
    .filter(i => i.miles <= user.miles)
    .map(i => i.city)
)

Answer 4

To start, utilize the filter function to select only the entries with the correct origin. Next, apply flatMap to retrieve all destinations from those entries and consolidate them into a single array. Then, filter out any destinations that are beyond a certain distance. Lastly, extract and return the city property for each entry. The output will be an array of cities.

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles:  30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}]

let user = {
   name: 'Elena',
   miles: 450,
   origin: 'AEP'
}

console.log(
  flights.filter(i => i.origin===user.origin)
    .flatMap(i => i.destinations)
    .filter(i => i.miles <= user.miles)
    .map(i => i.city)
)

Answer 5

Answer №3

identify the flights that have the same origin as the user.
iterate through the filtered flights and select those with destinations closer than the user's travel distance.
extract only the city names from the filtered destinations.
combine the extracted cities using the spread operator.

Demonstration of concept-

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles:  30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}];

let user = {
  name: 'Elena',
  miles: 450,
  origin: 'AEP'
}

let result = [];
flights.filter(f => f.origin == user.origin).forEach(f => {
  let r = f.destinations.filter(d => d.miles < user.miles).map(i => i.city)
  result = [...result, ...r]
})

console.log(result)

Answer 6

identify the flights that have the same origin as the user.
iterate through the filtered flights and select those with destinations closer than the user's travel distance.
extract only the city names from the filtered destinations.
combine the extracted cities using the spread operator.

Demonstration of concept-

let flights = [{origin: 'AEP', destinations:[{city: 'PARIS', miles: 500}, {city: 'BOLZANO', miles: 200}, {city: 'DUBAI', miles: 400}]}, {origin: 'MXP', destinations: [{city: 'SAINT-TROPEZ', miles:  30}]},{origin: 'AEP', destinations: [{city: 'LISBON', miles: 30}, {city: 'MADRID', miles: 700}, {city: 'NICE', miles: 200}]}];

let user = {
  name: 'Elena',
  miles: 450,
  origin: 'AEP'
}

let result = [];
flights.filter(f => f.origin == user.origin).forEach(f => {
  let r = f.destinations.filter(d => d.miles < user.miles).map(i => i.city)
  result = [...result, ...r]
})

console.log(result)

Steps for iterating through an object and using an if statement to verify a property's value

Answer №1

Answer №2

Answer №3

Similar questions

Learn the step-by-step process of cropping and zooming an image using the react-image-crop

Error message signaling that the dollar sign symbol is not defined in the Laravel framework

Troubles arise when trying to compile Typescript and React with esbuild

Access a SQL database to retrieve a data value and seamlessly integrate it into an HTML document with the help of node

Excessive delay in executing Javascript loops

React-virtualized list experiencing performance problems due to react-tether integration within its elements

The functionality of `config.assets.debug = true` fails to

When you drag down on mobile Safari on an iPad, touch events may cease to fire in HTML5

Is there a way to open a particular Bootstrap tab within a modal using a URL?

"The ng-route feature is not working as expected; instead of displaying the template url, it is showing

How can I activate a function or pass a selected value to a different scope variable using AngularUI Bootstrap Datepicker?

Override existing Keywords (change false to true)

Trouble with Chakra UI loading Images from local sources

Creating multiple div elements with changing content dynamically

Navbar in bootstrap appears to be flashing when it is in its expanded

Obtain the text that is shown for an input field

How to stop Mouseenter event from bubbling up in an unordered list of hyperlinks using Vue 3

Is there a way to send JSON using ExpressJS in UTF-8 encoding?

Elements in Motion

Unable to load files in Handlebars when using Node and Express