Invoking a function within a for loop in JavaScript

Question

Invoking a function within a for loop in JavaScript

Here is the loop I am currently using:

if (list.length) {
        for (let i = 0; i < list.length; i++) {
            let fruit = list[i].attributes;
            if (fruit.color === 'red') {
                id = fruit.id;
                fruit.path = base.fruit_directory + "/" + id;
                saveFruit(id);
            }
        }
}

I have noticed that even though a red fruit is encountered in the loop, the function to save the fruit is not executed immediately. Can anyone explain why this might be happening?

Is there any way to work around this issue?

javascript function loops

Answer 1

Answer №1

Suppose the function saveFruit returns a promise (if it doesn't, please share that specific function):

Promise.all(
  list.map(item=>item.attributes)// converting each item in the list to fruit
  .filter(fruit=>fruit.color==="red")// filtering only red fruits
  .map(f=>saveFruit(base.fruit_directory +"/"+f.id))//mapping each fruit to a promise resolving with response
).then(
  responses=>console.log("received responses:",responses)
)

Answer 2

Suppose the function saveFruit returns a promise (if it doesn't, please share that specific function):

Promise.all(
  list.map(item=>item.attributes)// converting each item in the list to fruit
  .filter(fruit=>fruit.color==="red")// filtering only red fruits
  .map(f=>saveFruit(base.fruit_directory +"/"+f.id))//mapping each fruit to a promise resolving with response
).then(
  responses=>console.log("received responses:",responses)
)

Invoking a function within a for loop in JavaScript

Answer №1

Similar questions

Error: The function seems to be malfunctioning or missing

Blazor, the Razor Library, npm, and webpack are essential tools for front

Looking for a specific value in a switch case code written in JavaScript

The functionality of event.charCode is ineffective in Firefox

Creating dynamic HTML tables within Highcharts

develop a customizable component library similar to shadcn for easy installation

PHP session does not refresh

Avoid displaying duplicate values when using Ng-repeat in Angular JS

Event submission does not activate on mobile devices when the keyboard is displayed

Using middleware to interact with BigQuery API Client and accessing secrets.json files

Activating the event trigger button by clicking on it

what is the best method to schedule tasks at a specific time in node-schedule?

how to use an object as a key in the groupBy function with underscore.js

Is there a way to extract data within xml tags with attributes using JavaScript/ Ionic without relying on DOM or ActiveXObject?

Guide to dynamically assigning the id attribute of an HTML element using angularjs (1.x)

React App folders are not being properly installed through NPX

Having trouble with unblocking the UI using $.unblockUI()?

Achieving the functionality of making only one list item in the navbar bolded upon being clicked using React and Typescript logic

Preflight error: Requests blocked due to cross-origin restrictions

Passing props through Link in React can be a tricky process, especially when encountering issues with undefined props like this