Different ways to determine if a given string exists within an Object

Question

Different ways to determine if a given string exists within an Object

I have an object called menu which is of the type IMenu.

let menu: IMenu[] = [ 
  {restaurant : "KFC", dish:[{name: "burger", price: "1$"}, {name: "french fries", price: "2$"}, {name: "hot dog", data: "1$"}]}, 
  {restaurant : "Chopsticks", dish:[{name: "fried rice", price: "1$"}, {name: "french fries", price: "1$"}, {name: "grilled chicken", data: "2$"}]}, 
  {restaurant : "Crab House", dish:[{name: "fried rice", price: "1$"}, {name: "Crabs", price: "2$"}, {name: "grilled chicken", data: "2$"}]}
]

I am looking to iterate over this object, and if 'fried rice' is found in the dish, perform a specific operation. Is there a way to check for the presence of 'fried rice' within an if statement?

for (let index in menu)
{
  let restaurant = await menu[index];

  if(<check if restaurant contains 'fried rice'>)
  {
    //do something
  }
}

javascript typescript

Answer 1

Answer №1

If there is only one occurrence of each item in the array, you can utilize the find method:

for (const {dish} of menu) {
  const found = dish.find(({name}) => name === 'fried rice')
  if(!found) return // do nothing because it was not found

  // perform some action
  found.name = 'new name'
}

However, if there are multiple items with the same name:

for (const {dish} of menu) {
  for(const currentDish of dish) {
    if(currentDish.name !== 'fried rice') return // do nothing

    // perform some action
    currentDish.name = 'new name'
  }
}

Answer 2

If there is only one occurrence of each item in the array, you can utilize the find method:

for (const {dish} of menu) {
  const found = dish.find(({name}) => name === 'fried rice')
  if(!found) return // do nothing because it was not found

  // perform some action
  found.name = 'new name'
}

However, if there are multiple items with the same name:

for (const {dish} of menu) {
  for(const currentDish of dish) {
    if(currentDish.name !== 'fried rice') return // do nothing

    // perform some action
    currentDish.name = 'new name'
  }
}

Different ways to determine if a given string exists within an Object

Answer №1

Similar questions

Is it possible to create a webpage where the header and footer remain static, while the content in the body can be dynamically changed

AngularJS - Create Alert Pop-Up for Missing Input Fields

The "Next" button fails to function after a replay has been completed

How can Node.js developers properly utilize PM2 for their projects?

Troubleshooting the issue of having multiple menu items in Material UI

Combining Vitest with FastifyAutoload resulted in a FastifyError: The plugin provided must either be a function or a promise, but instead, an 'object' was received

Working with jQuery: Creating multiple lightboxes using the same jQuery code

Troubleshooting issue with jest expect.any() failing to work with a custom class following migration from JavaScript to TypeScript

ways to update ng-model once it has been validated

Locate records through an array of nested references using Moongoose (MongoDB)

What is the best way to automatically have the first bar in a column highchart be selected when the page loads?

Assistance needed to make a jQuery carousel automatically rotate infinitely. Having trouble making the carousel loop continuously instead of rewinding

The module declaration is triggering a lint error that reads "Unexpected token, expecting '{'"

Exploring the Applications of Directives in Multiple Modules within Angular 2

How can I utilize jQuery to save a simple text string in a mySQL database?

Production website fails to display updated data while the localhost version operates without issues

Several jQuery ajax requests seem to be failing due to errors in previous calls

The array is present both before and after the res.json() call, however it appears empty in the response

Creating web components with lit-element, leveraging rollup, postcss, and the tailwind framework for packaging

Is there a way to trigger the opening of a new file or page when a CSS animation comes to an end?