等效于新 ES6 中的 async.map？

Question

有没有办法使用新的“async”javascript 关键字来替换 async 模块中的 async.map？基本上我想尽可能避免使用异步模块。例如，一次读取多个文件，然后在读取完所有文件后执行操作。

Answer 1

辅助函数：

async function asyncMap(array, callback) {
  let results = [];
  for (let index = 0; index < array.length; index++) {
    const result = await callback(array[index], index, array);
    results.push(result);
  }
  return results;
}

示例用法：

const titles = await asyncMap([1, 2, 3], async number => {
  const response = await fetch(
    `https://jsonplaceholder.typicode.com/todos/${number}`
  );
  const json = await response.json();
  return json.title;
});

灵感来自async forEach

Answer 2

是的，通常您可以使用Promise.all 来执行此操作。

let urls = [...];

let promises = urls.map(function(url) {
    return fetch(url).then(result => result.json()); // or whatever
});

Promise.all(promises).then(function(results) {
    // deal with the results as you wish
});

或者，单行：

Promise.all(urls.map(url => fetch(url).then(res => res.json()))).then(function(results) {
    // deal with the results as you wish
});

虽然这不容易阅读，但我担心......

它不像async.map 那样流畅，当然编写一个合适的包装器并不难。