Vue Reading in parallel in a loop

Question

I have an Set array which contains multiple Ids.I would like to loop through the Set and make the api calls in parallel for each id and get back the user object, add it to a map.How can i achieve it.

The value is Set userIds :Set[2] 0:"1" 1:"2"

 data() {
   return {
    userIds: new Set(), 
  };
},

 const res = getUsers(userId)

write declarative code instead of messy code. as you are thinking code will be messy. since javascript is asynchronous so it is achievable. — Mahamudul Hasan
– Mahamudul Hasan, Commented Mar 11, 2021 at 1:23
I would like to call same api in parallel with multiple ids.The above answer you referred is different. — user2410266
– user2410266, Commented Mar 11, 2021 at 1:38

Mahamudul Hasan · Accepted Answer · 2021-03-11 01:56:27Z

0

hope it will resolve your issues. i did not test, just writing code here directly.

    // set requests
    let allRequests = []
    //you can use other loop based on your decession
    this.userIds.forEach(id => { allRequests.push(axios.get(`your_url\${id}`)) })
    
    // you can use await it is based on you requirement
    axios.all(allRequests).then(axios.spread((...responses) => {
      //make your map here using responses
    })).catch(errors => {
      // react on errors.
    })

you can check this reference

edited Mar 11, 2021 at 1:56

answered Mar 11, 2021 at 1:48

Mahamudul Hasan

2,8232 gold badges19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue Reading in parallel in a loop

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related