减慢 Javascript 减少循环

如何解决减慢 Javascript 减少循环

我想减慢 Javascript reduce 循环的速度，以便能够在视觉上模拟其效果。这是在可观察的笔记本 link 中完成的。

我看过这个例子，但在 Observable 笔记本中遇到了异步问题。 https://flaviocopes.com/how-to-slow-loop-javascript/

我也考虑过为每次迭代使用 setInterval，但与 reduce 一起使用没有意义。

解决方法

您可以使用 setInterval-generator 来减慢循环速度，但 reduce 与此不兼容（您不能在其中使用 yield）。

但是，您可以轻松地将 reduce 重写为 for..of 循环：

const iterator = (function* () {
  const array = [1,3,5,7]
  
  let acc = 0
  for (const elem of array) {
    console.log('Adding %f to %f',elem,acc)
    yield //Wait here
    acc += elem
  }
  
  console.log('Finished,result: %f',acc)
  clearInterval(interval) //Don't forget to clear the interval! Use a try..finally here if your code may throw!
})()

const interval = setInterval(() => iterator.next(),1000)