Filtering an array with a function that returns a promise

by

Here is a 2017 elegant solution using async/await :

Very straightforward usage:

const results = await filter(myArray, async num => {
  await doAsyncStuff()
  return num > 2
})

The helper function (copy this into your web page):

async function filter(arr, callback) {
  const fail = Symbol()
  return (await Promise.all(arr.map(async item => (await callback(item)) ? item : fail))).filter(i=>i!==fail)
}

Demo:

// Async IIFE
(async function() {
  const myArray = [1, 2, 3, 4, 5]

  // This is exactly what you'd expect to write 
  const results = await filter(myArray, async num => {
    await doAsyncStuff()
    return num > 2
  })

  console.log(results)
})()


// Arbitrary asynchronous function
function doAsyncStuff() {
  return Promise.resolve()
}


// The helper function
async function filter(arr, callback) {
  const fail = Symbol()
  return (await Promise.all(arr.map(async item => (await callback(item)) ? item : fail))).filter(i=>i!==fail)
}

I’ll even throw in a CodePen.

More Related Contents:

  1. How to return many Promises and wait for them all before doing other stuff
  2. ES6 promise settled callback?
  3. javascript extract certain properties from all objects in array
  4. When is the body of a Promise executed?
  5. ES6 Promise.all() error handle – Is .settle() needed? [duplicate]
  6. Fulfill (don’t resolve) promise with another promise
  7. How to use promise in forEach loop of array to populate an object
  8. Why are Objects not Iterable in JavaScript?
  9. ES6 Promises – something like async.each?
  10. How to generate range of numbers from 0 to n in ES2015 only?
  11. How to find duplicate values in a JavaScript array of objects, and output only unique values?
  12. Using Array objects as key for ES6 Map
  13. Convert ES6 Iterable to Array
  14. Get list of duplicate objects in an array of objects
  15. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  16. What is the best general practice to timeout a function in promise [closed]
  17. Extract certain properties from all objects in array
  18. When would someone need to create a deferred?
  19. Unexpected comma using map()
  20. Find all values by specific key in a deep nested object
  21. How to extract data out of a Promise
  22. How to create an array of objects from multiple arrays
  23. What happens if you don’t resolve or reject a promise?
  24. Array.from() vs spread syntax
  25. How to delete property from spread operator?
  26. Are JavaScript forever-pending promises bad?
  27. Why does javascript ES6 Promises continue execution after a resolve?
  28. using await on global scope without async keyword
  29. Why does JavaScript Promise then handler run after other code?
  30. Promise.all is returning an array of undefined and resolves before being done

Leave a Comment