如何将 .map() 与承诺结合起来？ [复制]

Question

我有一个数组，对于这个数组的每个元素，我需要 fetch 一些数据（取决于元素）并将这些数据添加到数组中的元素。

举个例子，我将用 Promise 模拟fetch（在现实生活中，这将是一个网络服务的答案）：

let p = new Promise((resolve, reject) => resolve('x'))
let a = ['a', 'b']
a = a.map(x => p.then(y => x + y))
console.log(a)

我期望第一个元素 (a) p 被调用，并在解决后将结果添加到 a（给出 ax）。 b 也一样。

最终我期待一个新数组['ax', 'bx']。

我得到的是一组 Promises

对 Promises 很陌生（我觉得理论上很棒）我很难理解这里出了什么问题。 是否可以将.map() 和异步操作结合在其中？

Answer 1

我期待一个新数组 ['ax', 'bx']，但我得到的是一个 Promises 数组

这正是Promise.all 的用途。当然，它不会产生一个普通的数组，而是一个对它的承诺，但是当你做任何异步的事情时，你无法避免这种情况。

const promises = a.map(x => p.then(y => x + y))
Promise.all(promises).then(console.log, console.error)

Answer 2

编辑：这是一个可以按照您希望的方式工作的代码：

let p = new Promise((resolve, reject) => resolve('x'))
let a = ['a', 'b']
let c =[]
Promise.resolve(a.map(x => p.then(y => c.push(x + y)))).then(() => console.log(c))

由于 p.then 返回一个空对象，您的地图将返回一个空对象数组。

PS：你可以重构代码，在我的国家有点太晚了，所以现在就去睡觉了。