JavaScriptの非同期/ Array.map（内部約定の待ち）

Question

次のコード

class SomeClass { 
    async someFunc() { 
    const urlParameters = [0, 1, 2]; 
    const batchAjaxResult = await urlParameters.map((parameter) => { 
     const result = await $.get(`someUrl/${parameter}`); 
     return { 
      parameter, 
      result 
     } 
    }); 

    console.log(batchAjaxResult); 

    } 
} 

を考えるJavaScriptが代わりに実際の約束結果の解決約束の配列を返します。

これはおそらくArray.map()がプロミスとして実装されていないためです。

PromiseベースのバージョンArray.mapはありますか？

これはArray.mapの中にラップされたバッチ応答を返す方法であるため、How to return the response from an asynchronous callとは異なる質問です。

Answer 1

この質問を書くことで、私は問題の根底に到達することができました。

ブルーバードは、このような機能があると似てPromise.map

と呼ばれているようネイティブ実装は、「バルク約束」

を作成Promise.allと呼ばれ、次のように私は、コードを変更し、それが働いているようだ：

class SomeClass { 
    async someFunc() { 
     const urlParameters = [0, 1, 2]; 
     const batchAjaxResult = await Promise.all(
      urlParameters.map(async (parameter) => { 
      const result = await $.get(`someUrl/${parameter}`); 
      return { 
       parameter, 
       result 
      } 
     }) 
    ); 
     console.log(batchAjaxResult); 

    } 
} 

Answer 2

この簡単な機能を使用して、連続実行を約束することができます。

function asyncMap(arr, mapper) { 
 
    var q = Promise.resolve(); 
 
    return Promise.all(arr.map(v => q = q.then(() => mapper(v)))); 
 
} 
 

 

 
// Usage 
 

 
asyncMap([1, 2, 3], v => { 
 
    return new Promise(resolve => { 
 
    console.log("Start " + v); 
 
    setTimeout(() => { 
 
     console.log("End " + v); 
 
     resolve("foo" + v); 
 
    }, 500); 
 
    }); 
 
}).then(a => console.log(a));