Implement async/await in sort function of arrays javascript

by

sort does not take an asynchronous callback. It expects a numeric value as the return value, not a promise for one; and it does return an array not a promise. There’s no way around this (though one could implement a custom asynchronous sorting algorithm – even a parallel one).

But that’s pretty inefficient anyway. Doing asynchronous fetching of compare values in every sort step will be slow – and it will fetch the same value per element multiple times. Don’t do that. Instead, use a Schwartzian transform to fetch the values to sort by before, then sort (synchronously), then use the results.

You should do

const elements = await this;
const arrayOfElementFinders = elements.slice(0, 3); // or Array.from?
const comparableArray = await Promise.all(arrayOfElementFinders.map(async x => [await x.getText(), x]));
comparableArray.sort((a, b) => +(a[0] > b[0]) || -(a[0] < b[0]));
const sortedArray = comparableArray.map(x => x[1]);
console.log('array sorted');

More Related Contents:

  1. Async function returning promise, instead of value
  2. Use async await with Array.map
  3. Correct Try…Catch Syntax Using Async/Await
  4. Waiting for more than one concurrent await operation
  5. What’s wrong with awaiting a promise chain?
  6. Can I fire and forget a promise in nodejs (ES7)?
  7. async/await always returns promise
  8. How to turn this callback into a promise using async/await?
  9. Using async/await with a forEach loop
  10. What is the difference between JavaScript promises and async await?
  11. Syntax for an async arrow function
  12. How to wait for a JavaScript Promise to resolve before resuming function?
  13. How to async await in react render function?
  14. Can’t throw error from within an async promise executor function
  15. for await of VS Promise.all
  16. JavaScript array .reduce with async/await
  17. Why do I need to await an async function when it is not supposedly returning a Promise?
  18. Slowdown due to non-parallel awaiting of promises in async generators
  19. using async await and .then together
  20. How to implement a pseudo blocking async queue in JS/TS?
  21. Do Javascript promises block the stack
  22. What are asynchronous functions in JavaScript? What is “async” and “await” in JavaScript?
  23. Wait promise inside for loop
  24. Difference of using async / await vs promises?
  25. Async Await map not awaiting async function to complete inside map function before mapping next item
  26. How can I Interleave / merge async iterables?
  27. Expect item in array
  28. Can I catch an error from async without using await?
  29. Reordering arrays
  30. Why I got document is not defined error in puppeteer?

Leave a Comment