javascript - 如何同时增加值而不是按顺序映射它们？

Question

我正在 ReactJS 中制作一款赛车游戏，我需要同时增加四个竞赛实体(在我的例子中为 div)的值，而不是通过它们进行映射并逐一递增它们。现在，它们都以随机速度单击按钮时递增。

changePlayerArr.map(player => {
  console.log(player)
  player.speed = player.speed - Math.floor(Math.random() * 11 + 5)
});

它们在 CSS 中按 VW 移动，目标是让它们到达 -100vw，即屏幕的末尾。但是，如果我将它们的速度从第一个 div 增加到最后一个 div，或者反之亦然，我无法知道哪个是真正的获胜者。有什么建议吗？

Answer 1

Javascript是单线程的，并发性并不高。我认为你能做的最好的事情就是保留对赛车玩家重要的某些指标的结构(例如位移)，并在每个渲染周期应用位移累加器(displacementDelta = rates * time)确定新的排序顺序。

获胜者可能是在累积位移并对结构进行排序后排名第一的元素(可能是索引 0？)在至少一个元素达到比赛距离后。