如何让承诺等到循环结束答案

【问题标题】：How to make promise wait until end of loop如何让承诺等到循环结束
【发布时间】：2017-07-04 19:21:04
【问题描述】：

我正试图将我的头脑围绕着承诺并有点挣扎。

这是代码：

// For Every row.
var prom = new Promise( (resolve, reject) => {

        existing_rows.forEach ((item,index) => {
            console.log("onto index: " + index);
            //We just need to set item[2]! 
            if (item[1].indexOf('%')===-1) {
                //Cool no percentage sign.
                translateClient.translate(item[1], 'th')
                    .then((results) => {
                        const translation = results[0];
                        console.log("translation is: " + translation);
                        item[2] = translation;
                     });
            }
        })

        resolve("Stuff worked!");
    })

prom.then(
    (result) => {
        //Cool that's finished.
        console.log("done!")
        console.log(JSON.stringify(existing_rows));
    }

)

existing_rows 只是我正在查看的一个数组，其中包含一些要使用 google api 进行翻译的内容。在我将其记录到 prom.then 块之前，我希望将所有翻译都放在 existing_rows 数组中。

目前，输出顺序如下：

onto index 0
onto index ..
onto index 8

done!
logs the array without the translations

translation is: ...... x 8

谢谢

【问题讨论】：

建议你使用Promise.all + Array#map 而不是new Promise + Array#forEach
并为地图中的每个“迭代”创建一个新的承诺？
啊，我会看看你的答案：P
网站上已经有很多关于此的问题。见stackoverflow.com/q/28134271/215552、stackoverflow.com/q/17217736/215552、stackoverflow.com/q/31947933/215552...
@MikeMcCaughan - 我同意这些问题似乎很相似，有趣的是，没有一个已接受的答案可用于此代码

标签： javascript asynchronous promise es6-promise

【解决方案1】：

大概是这样的：

// For Every row.
Promise.all(existing_rows.map((item, index) => {
      console.log("onto index: " + index);
      // We just need to set item[2]! 
      if (item[1].indexOf('%')===-1) {
          // Cool no percentage sign.
          return translateClient.translate(item[1], 'th')
              .then((results) => {
                  const translation = results[0];
                  console.log("translation is: " + translation);
                  item[2] = translation;
              });
      }
}))
.then(result => {
    // Cool that's finished.
    console.log("done!")
    console.log(JSON.stringify(existing_rows));      
})

【讨论】：

感谢您的回复，但 Jaromanda 首先发表了评论，暗示了同样的事情。

【解决方案2】：

使用 Promise.all 和 Array#map 代替新的 Promise 和 Array#forEach

var prom = Promise.all(existing_rows.map((item, index) => {
        console.log("onto index: " + index);
        //We just need to set item[2]! 
        if (item[1].indexOf('%') === -1) {
            //Cool no percentage sign.
            return translateClient.translate(item[1], 'th')
                .then((results) => {
                    const translation = results[0];
                    console.log("translation is: " + translation);
                    item[2] = translation;
                });
        }
        // see note 1
    })
);
prom.then(
    (result) => {
        //Cool that's finished.
        console.log("done!")
        console.log(JSON.stringify(existing_rows));
    }
)

[1] 这里没有返回值，但没关系，这相当于 return undefined 和 Promise.all 可以很好地处理非 Promises + Promises 的数组...

【讨论】：