javascript - 那么如何将数据推送到承诺中的数组？

Question

我一直在试图弄清楚。如何将结果从 Promise 循环推送到数组。谁能指出我正确的位置？

const ids = [1, 2, 3]
let results = []

for (let id of ids) {
    getLight(id)
        .then(light => {
            results.push(light)
        })
        .catch(err => {
            console.log(err)
        })
}

Answer 1

const ids = [1, 2, 3]
let results = []

Promise.all(
  ids.map((id) =>
    getLight(id)
    .then(light => {
      results.push(light)
    })
    .catch(err => {
      console.log(err)
    })
  )).then(() => console.log(results))

function getLight(id) {
  return new Promise((res) => {
    setTimeout(res, 1000)
  }).then(() => `light for id: ${id}`)
}

使用异步/等待

(async() => {

  const ids = [1, 2, 3]
  let results = await Promise.all(
    ids.map((id) =>
      getLight(id))
  )

  console.log(results);
})()

function getLight(id) {
  return new Promise((res) => {
    setTimeout(res, 1000)
  }).then(() => `light for id: ${id}`)
}

Answer 2

Promise 是异步的，所以你不能这样做。您可以使用Promise.allthough 将promise 组合在一起，然后等待结果：

const ids = [1, 2, 3]
Promise.all(ids.map(id => getLight(id))).then(results => {
  // do something with results here
})

打破这个：

1. ids.map(id => getLight(id))将 id 转换为一组未解决的Promise。

2. Promise.all(promises).then(results => { ... })解决所有的承诺并将结果（以正确的顺序）传递给回调