javascript - 如何检查 if 语句中顺序重要的条件为真？

Question

我知道也有类似的问题，但我的问题比较具体，所以我需要一些建议。

我正在用JS制作一个游戏，其中有4个div赛车，终点线是-70vw(从右到左赛车)。单击按钮时，它们会随机将 vw 从 0 增加到 100，增加 5-15 vw。现在我在代码中检查获胜者顺序的内容是:

 if (this.state.winnersArr.length < 4) {

  if (
    changePlayerArr[0].speed <= -70 &&
    !this.state.winnersArr.includes(changePlayerArr[0].name)
  ) {
    this.state.winnersArr.push(changePlayerArr[0].name);
  }
  if (
    changePlayerArr[1].speed <= -70 &&
    !this.state.winnersArr.includes(changePlayerArr[1].name)
  ) {
    this.state.winnersArr.push(changePlayerArr[1].name);
  }
  if (
    changePlayerArr[2].speed <= -70 &&
    !this.state.winnersArr.includes(changePlayerArr[2].name)
  ) {
    this.state.winnersArr.push(changePlayerArr[2].name);
  }
  if (
    changePlayerArr[3].speed <= -70 &&
    !this.state.winnersArr.includes(changePlayerArr[3].name)
  ) {
    this.state.winnersArr.push(changePlayerArr[3].name);
  }
  return changePlayerArr;

这里我有一个数组，它插入 div 通过 -70vw，这是终点线。然而，由于对 div 速度的检查 (changePlayerArr[0].speed) 从第一个 div [0] 到最后一个 div [3]，如果我们说最后一个 div 为 -69vw，第一个 div 为 -65vw，然后单击按钮两者都转到 -70vw，第一个 div 仍然是第一个，因为 if 检查将其首先推送到获胜数组。

所以我想知道我可以做这样的事情吗:

if(div[0].speed <= -70 || div[1].speed <= -70 || div[2].speed <= -70 || div[3].speed <= -70) 
 { // Check which statement was true in order and push to array}

但在这种情况下，检查仍然从左到右，所以我想即使有可能它也不会起作用。有什么建议么？ (抱歉，如果解释有点糟糕，我对此还是新手):)

编辑:也许这不是我检查获胜者的方式，而是我增加速度的顺序。它们的增量可能应该同时发生，而不是从第一个 div 到最后一个 div，但问题仍然存在，我该怎么做:/

Answer 1

您可以像这样迭代 changePlayerArr ，而不是使用包含大量条件的 if 语句:

this.state.winnersArr = changePlayerArr.map(player => {
  if(player.speed <= -70) {
    return player;
  }
});

使用map()，您可以遍历每个玩家并返回一个仅包含获胜者的新数组。 https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/map

稍后您可以检查哪些玩家在获胜者数组中。

如果是根据速度属性那么你可以 sort像这样的数组:

this.state.winnersArr.sort((firstEl, secondEl) => {
 return firstEl.speed > secondEl.speed;
});

希望这能回答您的问题!