Javascipt中的promise不会执行循环

Question

我用Javascript编写了这段代码

if(!this.top3){
    const promises = this.images.map((el, index) => {
      return this.getData(el.title, index);
    });

    return Promise.all(promises)
    .then(() => {
      this.getUnknown();
      this.$emit("onTaskFinished");
      //this.showResults = true
    })
    .catch((err) => {
      console.error(err);
    });

this.images是一个数组，它包含data中的图像和title中的图像名称。

现在我需要更改函数，因为this.images将变成包含图像组的数组。每组都是一个数组，每个数组包含data中的图像和title中的图像名称。

于是我就这样改了函数：

var j=0;
 for(j=0; j<this.images.length; j){
      this.imgIndex = j;
       const promises = this.images[j].title.map((el, index) => {
            return this.getData(el, index);
       })

       return Promise.all(promises)
       .catch((err) => {
          console.error(err);
        });
       
        this.getUnknown();
        this.$emit("onTaskFinished");
  }

这样它就不起作用了，因为for循环只执行一次。

我认为问题是承诺,因为如果我删除它,程序将永远留在循环中。我刚开始使用JavaScript，所以我知道我犯了一些错误。

Answer 1

您不需要在循环中使用return。使用return在第一次迭代后停止循环。

var j=0;
for(j=0; j<this.images.length; j){
      this.imgIndex = j;
       const promises = this.images[j].title.map((el, index) => {
            return this.getData(el, index);
       })

       await Promise.all(promises)
       .catch((err) => {
          console.error(err);
        });
       
        this.getUnknown();
        this.$emit("onTaskFinished");
  }