使 for 循环等待直到数据从 API 返回

Question

我有这样的结构：

methods: {
  function() {
    //some stuff in here    

    for(let i=0; i < array.length; i++) {
      //Problem in here or around here
      //in here I send something to my API and want to get data back
    }
  }
}

解释我的工作：我有一个array，我想在其中循环，对于每个loop，我将data 发送到我的API 并在@987654327 中返回data @。

我的问题：我总是以不同的顺序取回数据，因为其中一个数据可能更大，并且比其他数据需要更长的时间。

示例： 我发送 Array = [1,2,3,4] 并希望以正确的顺序取回它。但是1 比2,3,4 需要更多的时间，而且我得到的数据比[2,3,4,1] 按顺序返回的数据要多。

我如何分配我的for-loop 等到第一个数据返回后再继续？

谢谢！

Answer 1

一旦您阅读了async/await，您仍然希望并行运行您的请求以节省时间，而不是按顺序运行。 Promise.all 在这里帮助：

async function fetchData () {

  const resultsInOrder = await Promise.all(
    // pass an array of Promises
    array.map(element =>
      fetch(/* some arguments based on the element's data */)
        .then(res => res.json())
    )
  )
  // do something with results
}