Browsing through items within arrays to evaluate their values

Question

Browsing through items within arrays to evaluate their values

I am facing an issue with two arrays that consist of objects. The first array contains restaurant objects with attributes such as name and averagePrice, while the second array has price objects (cheap, medium, expensive) with properties like label, lowEnd, and highEnd to determine pricing categories. My goal is to develop a function that iterates through the restaurants and returns the one whose average price falls within a specified price range. However, I encountered an error message:

Cannot read properties of undefined (reading: lowEnd)

This error occurs because I am not accurately targeting the array object property for the price. Can anyone assist me in identifying the correct method to target an array object property? Thank you.

Below is the code snippet provided:

    const priceArray = [
    cheap = {label: '$', lowEnd: 10, highEnd: 20},
    medium = {label: '$$', lowEnd: 21, highEnd: 30},
    expensive = {label: '$$$', lowEnd: 31, highEnd: 40},

];


const restaurants = [
    McDonalds = {name: 'Mcdonalds', averagePrice: 12},
    Sushi = {name: 'Sushi', averagePrice: 25},
    Steak = {name: 'Steak', averagePrice: 35}
];




function showRestaurants(price) {
    for (let restaurant of restaurants) {
    //if the average price is cheap, log that restaurant
            if (restaurant.averagePrice >= priceArray.price.lowEnd && restaurant.averagePrice < priceArray.price.highEnd)
                console.log(restaurant);
        }
};

showRestaurants(medium);

javascript

Answer 1

Answer №1

You are missing the priceArray.price, but keep in mind that priceArray is an array with keys such as cheap, medium, and expensive.

Since you have already specified medium as the data to be checked, it would be advisable to use the price parameter in the function showRestaurants(price). In this way, medium will be considered as the price.

showRestaurants(medium);

A potential solution could involve:

Changing priceArray.price.lowEnd to price.lowEnd
Changing priceArray.price.highEnd to price.highEnd

const priceArray = [
  cheap = {
    label: '$',
    lowEnd: 10,
    highEnd: 20
  },
  medium = {
    label: '$$',
    lowEnd: 21,
    highEnd: 30
  },
  expensive = {
    label: '$$$',
    lowEnd: 31,
    highEnd: 40
  },

];


const restaurants = [
  McDonalds = {
    name: 'Mcdonalds',
    averagePrice: 12
  },
  Sushi = {
    name: 'Sushi',
    averagePrice: 25
  },
  Steak = {
    name: 'Steak',
    averagePrice: 35
  }
];




function showRestaurants(price) {
  for (let restaurant of restaurants) {
    //if the average price is cheap, log that restaurant
    if (restaurant.averagePrice >= price.lowEnd && restaurant.averagePrice < price.highEnd)
      console.log(restaurant);
  }
};

showRestaurants(medium);

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

Answer 2

You are missing the priceArray.price, but keep in mind that priceArray is an array with keys such as cheap, medium, and expensive.

Since you have already specified medium as the data to be checked, it would be advisable to use the price parameter in the function showRestaurants(price). In this way, medium will be considered as the price.

showRestaurants(medium);

A potential solution could involve:

Changing priceArray.price.lowEnd to price.lowEnd
Changing priceArray.price.highEnd to price.highEnd

const priceArray = [
  cheap = {
    label: '$',
    lowEnd: 10,
    highEnd: 20
  },
  medium = {
    label: '$$',
    lowEnd: 21,
    highEnd: 30
  },
  expensive = {
    label: '$$$',
    lowEnd: 31,
    highEnd: 40
  },

];


const restaurants = [
  McDonalds = {
    name: 'Mcdonalds',
    averagePrice: 12
  },
  Sushi = {
    name: 'Sushi',
    averagePrice: 25
  },
  Steak = {
    name: 'Steak',
    averagePrice: 35
  }
];




function showRestaurants(price) {
  for (let restaurant of restaurants) {
    //if the average price is cheap, log that restaurant
    if (restaurant.averagePrice >= price.lowEnd && restaurant.averagePrice < price.highEnd)
      console.log(restaurant);
  }
};

showRestaurants(medium);

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

Answer 3

Answer №2

One way to achieve this would be by using the following code snippet:

 const priceArray = [
    {label: '$', lowEnd: 10, highEnd: 20},
    {label: '$$', lowEnd: 21, highEnd: 30},
    {label: '$$$', lowEnd: 31, highEnd: 40},

];


const restaurants = [
     {name: 'Mcdonalds', averagePrice: 12},
   {name: 'Sushi', averagePrice: 25},
   {name: 'Steak', averagePrice: 35}
];

const withPriceLabel  =  restaurants.map(r => {
 return {
   ...r,
   priceEvaluation: priceArray.find(p => r.averagePrice >= p.lowEnd && r.averagePrice <= p.highEnd).label
 }
})

console.log(withPriceLabel.filter(r => r.priceEvaluation === '$'))

Answer 4

One way to achieve this would be by using the following code snippet:

 const priceArray = [
    {label: '$', lowEnd: 10, highEnd: 20},
    {label: '$$', lowEnd: 21, highEnd: 30},
    {label: '$$$', lowEnd: 31, highEnd: 40},

];


const restaurants = [
     {name: 'Mcdonalds', averagePrice: 12},
   {name: 'Sushi', averagePrice: 25},
   {name: 'Steak', averagePrice: 35}
];

const withPriceLabel  =  restaurants.map(r => {
 return {
   ...r,
   priceEvaluation: priceArray.find(p => r.averagePrice >= p.lowEnd && r.averagePrice <= p.highEnd).label
 }
})

console.log(withPriceLabel.filter(r => r.priceEvaluation === '$'))

Answer 5

Answer №3

Hey there, Nick! Let me provide you with a speedy solution:

const AFFORDABLE = { label: "$", lowEnd: 10, highEnd: 20 };
const MODERATE = { label: "$$", lowEnd: 21, highEnd: 30 };
const LUXURIOUS = { label: "$$$", lowEnd: 31, highEnd: 40 };

const priceRanges = [AFFORDABLE, MODERATE, LUXURIOUS];

const McDonalds = { name: "Mcdonalds", averagePrice: 12 };
const Sushi = { name: "Sushi", averagePrice: 25 };
const Steak = { name: "Steak", averagePrice: 35 };

const restaurants = [McDonalds, Sushi, Steak];

function displayRestaurants(price) {
  const filteredRestaurants = [];

  // Filtering by price category
  const categories = priceRanges.filter((level) => {
    return level.lowEnd < price && price < level.highEnd;
  });

  // Filtering the restaurants
  restaurants.map((restaurant) => {
    categories.map((category) => {
      if (
        category.lowEnd < restaurant.averagePrice &&
        restaurant.averagePrice < category.highEnd
      ) {
        filteredRestaurants.push(restaurant);
      }
    });
  });

  filteredRestaurants.map((restaurant) => console.log(restaurant.name));
}

displayRestaurants(15);

Answer 6

Hey there, Nick! Let me provide you with a speedy solution:

const AFFORDABLE = { label: "$", lowEnd: 10, highEnd: 20 };
const MODERATE = { label: "$$", lowEnd: 21, highEnd: 30 };
const LUXURIOUS = { label: "$$$", lowEnd: 31, highEnd: 40 };

const priceRanges = [AFFORDABLE, MODERATE, LUXURIOUS];

const McDonalds = { name: "Mcdonalds", averagePrice: 12 };
const Sushi = { name: "Sushi", averagePrice: 25 };
const Steak = { name: "Steak", averagePrice: 35 };

const restaurants = [McDonalds, Sushi, Steak];

function displayRestaurants(price) {
  const filteredRestaurants = [];

  // Filtering by price category
  const categories = priceRanges.filter((level) => {
    return level.lowEnd < price && price < level.highEnd;
  });

  // Filtering the restaurants
  restaurants.map((restaurant) => {
    categories.map((category) => {
      if (
        category.lowEnd < restaurant.averagePrice &&
        restaurant.averagePrice < category.highEnd
      ) {
        filteredRestaurants.push(restaurant);
      }
    });
  });

  filteredRestaurants.map((restaurant) => console.log(restaurant.name));
}

displayRestaurants(15);

Browsing through items within arrays to evaluate their values

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to retrieve the outcome of a node-sqlite3 query beyond the scope of db.get()?

Conflicting styles arise when using the makeStyles function from Material UI with imported

Swap out the default URL in components with the global constant

What is the best way to dynamically change the content of a div based on user selection?

Swapping out a class or method throughout an entire TypeScript project

Testing the local transmission of form data via Javascript: A Step-by-Step guide

I encountered an issue while attempting to manipulate/retrieve the JSON value using REGEX, resulting in an undefined return

Setting up webpack for React to utilize multiple entry points and outputs

Tips for integrating CKEditor into an Angular 4 project

Output JSON data from PHP for use in Javascript

Check for a rapid return if the function ends up returning null in JavaScript

Implementing a post request triggered by a button click in Node.js with Express

Next.js experiences slowdown when initializing props on the server side

Guide on integrating buefy (a vue.js component library) into your Laravel blade template

Create a custom overlay for an image that is centered horizontally and does not have a fixed width

Troubleshooting my CSS navigation bar - What am I missing?

Tips for including multiple JSON results into a single text box for auto-complete purposes

Ways to modify an object similar to manipulating an array collection

What is the best way to integrate PHP scripts into jQuery?

Click the button to access the provided link