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

Ways to recycle the table feature in angular2?

Displaying a Div element containing dynamically calculated values based on selected options in Angular

Error message: Unexpected token "(" in the asynchronous aspect of Meteor

Display the size of the data array in VueJS once the data has been retrieved from the API

Automatically assigning a FormData key/value pair upon clicking using Puppeteer in NodeJS

Unable to locate the JavaScript files within the NextJs and ReactJs project

Need to update various form fields at once with jquery?

Is it possible to test the JEST configuration for the node_modules even when it is turned

"PHP Are You Dealing with Excessive Whitespace

Vue table does not update when checkbox is unchecked

How can I transfer a particular data value from a div to JavaScript within Laravel 5.0?

Why is the result of this specific JavaScript code a string?

The `mouseenter` event handler fails to trigger properly on its initial invocation

Discover the Mongoose Document and Arrange in a Random Order with Various Levels?

Is there a method to avoid redeclaring variables in JavaScript with jQuery?

I am interested in using an image upload box that includes a hidden input field. However, I have encountered issues with the functionality when the input field is hidden. Does anyone have any suggestions on how

Encountering a hiccup during the installation process of Angular CLI

How to Prevent Scrolling When Modal is in Use on Full Page JS

Node JS does not receive a response from JQuery Ajax

Leveraging npm in vanilla JavaScript applications