observable - 如何使用 forEach 和 setTimeout 返回值？ （與 Rxjs 無關）

Question

我是 observablehq 筆記本的新手。 我發現這對我制作視覺效果原型非常有用。

我的問題是如何使用 javascript 的 setTimeout 迭代數組並返回值？

我的方法如下。

1. 數組被聲明

   arr = [1,2,3,4,5]

2. 迭代數組並返回值

    arr.forEach((d,i)=>{ setTimeout(()=>{ return d },i*1000)})

我如何實現這一目標？

我看到使用 Rxjs 的類似帖子，但我不使用它。 是否有實現這一目標的基本/基本方法？

我認為這不起作用的原因與關閉有關。 但想不出解決問題。

Answer 1

你可以使用這個：

你當然要等，這需要一段時間

{
  //Now, iterate over the array with setTimeout
  let myArr = [1, 2, 3, 4, 5];

  let newMap = [];

  for (let [index, d] of myArr.entries()) {
    const abc = await new Promise((resolve) => {
      setTimeout(() => {
        resolve(d);
      }, 1000 * index);
    });
    newMap.push(abc);
  }

  return newMap;
}

Answer 2

您可以嘗試以下解決方案

    myArr = [1, 2, 3, 4, 5];

//Now, iterate over the array with setTimeout
myArr.forEach(function(d, i) {
    setTimeout(function() {
        console.log(d);
        return d;
    }, 1000 * i);
});