数组reduce方法+promise

如何解决数组reduce方法+promise

我有一个函数，它从当前路径中获取数据来创建一个数组 ([x,y,z,a,b])，然后将其传递给 reduce 方法以返回一个新的对象数组。我想将初始数组中的每个值传递到一个返回对象的函数中，并将该对象添加到新数组中。但是在它结束并且我 console.log 累积后没有打印任何内容，我该如何使用 promise 来完全显示累积的结果？

let accumulate = path.search
      .substring(1)
      .split("+")
      .reduce((acc,val) => {
        FetchMovie(val).then((res) => {
          acc.push(res);
        });
        return acc;
      },[]);

解决方法

您传递给 .then() 的方法是异步执行的，因此 acc 在您的 reduce 操作完成之前不会被填充（为时已晚）。您可以使用 Promise.all()，首先将所有值映射 (.map()) 到 FetchMovie 函数返回的 Promise：

let accumulatedPromise = Promise.all(path.search
      .substring(1)
      .split("+").map(val => FetchMovie(val)));

accumulatedPromise
  .then(results => console.log(results))
  .catch(err => console.error(err));

,

你不能在 reducer 中使用 promise，除非你先解决所有的 promise。一种简单的方法是拆分字符串，返回新的 Promise，然后等待所有 Promise 完成。

这是一个例子：

const lst = [1,2,3,4,5,6]; // results after your `split`

Promise.all(
  // replacing `reduce` for `map`
  lst.map(val => FetchMovie(val))
).then(
  // log the new array
  newArray => console.log(newArray)
)