JS：この約束事を解決するには？

Question

マルチプロミスを解決する正しい方法は何ですか？鎖か.mapか？

let promises = []; 
// data is a binary zip file 
JSZip.loadAsync(data).then((zip) => { 
    for (let filename in zip.files) { 
     zip.files[filename].async("blob") 
     // ********** Problem! ********** 
     // because of the following .then, the promises.push is deferred 
     // and so the next .then is run immediately 
      .then((fileData) => { 
       promises.push(this.file.writeFile(...)); 
      }) 
    } 

    return Promise.all(promises); 
}).then(() => { 
    ... 

Answer 1

zip.files[filename].async("blob")はあなたが解決するzip.files[filename].async("blob")を待つべきFILEDATAに解決する約束を返す知ったが疑うの方法はありません。

zip.filesた場合は、約束にzip.filesをマッピングするよりエレガントになる配列である（メハリの答えを参照）、それがオブジェクトである場合（プロパティがzip.filesのプロトタイプである場合を除く）、その後map(Object.keys(zip.files)はfor inよりも良いだろう

次は機能しますか？

JSZip.loadAsync(data) 
.then((zip) => { 
    let promises = []; 
    for (let filename in zip.files) { 
     promises.push(
     zip.files[filename].async("blob") 
     // ********** Problem! ********** 
     // because of the following .then, the promises.push is deferred 
     // and so the next .then is run immediately 
     .then((fileData) => { 
      this.file.writeFile(...) 
     }) 
    ) 
    } 

    return Promise.all(promises); 
}).then(() => { 

Answer 2

私は、非同期APIの使用している程度全くわからないけど、次のスニペットは、 `` Promise.all（約束を）返すあなたにいくつかのハイライト

JSZip.loadAsync(data).then(zip => { 
     const files = zip.files; 
     const blobs = files.map(filename => { 
      return files[filename].async("blob") 
     }); 
     return Promise.all(blobs); 
    }) 
    .then(fileData => { 
     fileData.map(file => { 
      // TODO... file.writeFile() 
     }); 
    })