約束のループ。どのように約束が結果を返すのかを検出する方法は？

Question

よくある質問だと思いますが、具体的には状況は次のとおりです。
私はmammothモジュールを使用して、docxファイルをhtmlに変換します。モジュールはpromiseを返します。
私はファイルの配列を持っており、すべてのファイルに対して約束を作成するためにループを使用すると、どのファイルが処理されたかを知るために何らかの約束が結果を返す必要があります。

for(var i=0;i<filesPaths.length;i++){ 
    mammoth.convertToHtml({path: filesPaths[i]}) 
     .then(function(result){ 
      filesHtml.push(result.value); 
      //here I need to know the value of filesPaths[i] 
     }) 
} 

Answer 1

質問を書いている間、答えは明白になりました（多くの場合そうです:)。
プロミスを自己呼び出し関数でラップし、関連する情報をローカル変数に格納することができます。代替とあなた自身の答えに対応するために

for(var i=0;i<filesPaths.length;i++){ 
    (function(){ 
    var fileName = filesPaths[i]; //or any other information related to promise 
    mammoth.convertToHtml({path: filesPaths[i]}) 
     .then(function(result){ 
      filesHtml.push({ 
       text:result.value, 
       fileName:fileName 
         }); 

     }) 
    })() 
} 

Answer 2

：

ループ内の関数を作成するには素晴らしいアイデアではない、それが作成した関数の未知の数にかなり良い方法です。 forEachループを使用した場合、コールバック関数で同じカプセル化が行われます。

var arr = ['a', 'b', 'c']; 

function prom(thing) { 
    return Promise.resolve(thing); 
} 

for (var i = 0; i < arr.length; i++) { 
    prom(arr[i]).then(function(val){ 
     console.log(`for: got val ${val} with arr[${i}]`); 
    }); 
} 
// Logs: 
// "for: got val a with arr[3]" 
// "for: got val b with arr[3]" 
// "for: got val c with arr[3]" 

arr.forEach(function(val, index) { 
    prom(val).then(function(val){ 
     console.log(`forEach: got val ${val} with arr[${index}]`); 
    });  
}); 
// Logs: 
// "forEach: got val a with arr[0]" 
// "forEach: got val b with arr[1]" 
// "forEach: got val c with arr[2]"  

Answer 3

あなたは（）（多くの関数呼び出しの面であなたのソリューションのようなものですが、少しクリーナー）アレイ法.MAP使用することができます。

filesPaths.map(function(fileName, i){ 
    mammoth.convertToHtml({path: fileName}) 
    .then(/* ... */) 
    ; 
}); 
// Here filesHtml is empty and you don't know when will be filled!! 

...汚れている（参照最後のコメント）。

それとも、単にPromise.allは（）の結果を収集するために使用することができます。

var P = Promise.all(
    filesPaths.map(function(fileName){ 
    return mammoth.convertToHtml({path: fileName}); 
    }) 
).then(function(resultArr){ 
    return Promise.all(resultArr.map(function(result, i){ 
    return { 
     text: text.value, 
     fileName: filesPaths[i], 
    }; 
    })); 
}).then(function(filesHtml){ 
    /* Here you know filesHtml is fully filled */ 
}); 

P.then(function(filesHtml){ 
    /* ...and here too */ 
}); 

この方法で、あなたはまた、グローバル（またはそれ以上の範囲）の変数を持つものをいじっていません。