Use Q.js's Q.all() method when dealing with an array of promises of unknown length

Question

Use Q.js's Q.all() method when dealing with an array of promises of unknown length

I am looking to retrieve an array of promises using Q.all(); such as the code snippet below:

return Q.all([
              list[0].getCssValue('height'),
              list[1].getCssValue('height'),
              ...,
              list[list.length-1]
              .getCssValue('height')
             ]);

I want to return all items in the list which can be obtained by array.length.

The issue I am facing is that I am unable to

   for(var i = 0; i < list.length; i++)

in order to get the return items like

list[i].getCssValue('height');

So, how can I achieve this?

javascript promise

Answer 1

Answer №1

Yes, it is possible to achieve this by simply creating a new array:

let newArray = [];
for(let i = 0; i < originalArray.length; i++){
    newArray.push(originalArray[i].getAttribute('value'));
}
return Promise.all(newArray); // waiting for all attribute retrieval actions

Alternatively, you can use a more concise approach using the .map method to transform each element in an array:

return Promise.all(originalArray.map(function(item){ return item.getAttribute('value'); });

Answer 2

Yes, it is possible to achieve this by simply creating a new array:

let newArray = [];
for(let i = 0; i < originalArray.length; i++){
    newArray.push(originalArray[i].getAttribute('value'));
}
return Promise.all(newArray); // waiting for all attribute retrieval actions

Alternatively, you can use a more concise approach using the .map method to transform each element in an array:

return Promise.all(originalArray.map(function(item){ return item.getAttribute('value'); });

Use Q.js's Q.all() method when dealing with an array of promises of unknown length

Answer №1

Similar questions

Adjust the height of a div vertically in Angular 2+

Lost Vuex struggles when it is manually navigating a route in Vue-router

Manipulating the content of h1 tag using Jquery when selecting from a dropdown menu

Attempting to save the result of a fetch call into a variable for the purpose of rendering it as a list in a

The output of new Date() varies between app.js and ejs

Glitched Water Reflection in THREE.js

Calculate the total cost for each row in a table by multiplying the quantity and price using jQuery, then display the result

Is there a way to detect a class change using jQuery?

React Native: useEffect not triggering upon navigation to a screen that is already active

What are the best practices for utilizing databases with both Javascript and JSF frameworks?

Is the AJAX $.ajax() function and setInterval() method activated only when a user is actively viewing the page?

Position object in the middle using jQuery and CSS

code in html/javascript that is securely implemented for adobe air applications

Can we utilize object properties in this manner?

Issue: Spaces are not being displayed between items in the @Html.DisplayFor statement within the Foreach

Steps for setting up node-openalpr on a Windows 10 system

Struggling to properly send props to the child component in Vue 3

What are some creative ways to provide video responses to a list of questions?

What is the best method for breaking down this JSON data into distinct 'objects'?

Guide to smoothly scroll to the top of an element containing collapsible panels using Jquery