JavaScript数字对比问题：Tic Tac Toe游戏获胜逻辑故障排查

首先咱们捋清楚核心问题：你不需要去遍历玩家的p1Taken/p2Taken数组，反过来遍历所有预设的获胜组合，检查玩家的数组是否包含该组合的全部元素，这样逻辑会更清晰，也能直接解决你遇到的「只有第一个if语句生效」的问题。

第一步：先定义所有获胜组合 #

先把井字棋所有可能的获胜格子编号集合列出来（假设你的格子编号是0-8，从上到下、从左到右依次排列）：

const winningCombos = [
  [0, 1, 2], // 第一行
  [3, 4, 5], // 第二行
  [6, 7, 8], // 第三行
  [0, 3, 6], // 第一列
  [1, 4, 7], // 第二列
  [2, 5, 8], // 第三列
  [0, 4, 8], // 左上到右下对角线
  [2, 4, 6]  // 右上到左下对角线
];

第二步：编写通用的获胜判断函数 #

写一个复用性强的函数，传入玩家的已占格子数组，检查是否匹配任意一个获胜组合：

function checkWin(taken) {
  // 逐个遍历每一组获胜组合
  for (const combo of winningCombos) {
    // 检查当前组合的所有元素，是否都在玩家的已占数组里
    const hasAllElements = combo.every(num => taken.includes(num));
    if (hasAllElements) {
      return true; // 匹配到获胜组合，直接返回true
    }
  }
  return false; // 遍历完所有组合都没匹配，返回false
}

第三步：在玩家操作后调用判断逻辑 #

当玩家点击格子并更新p1Taken或p2Taken数组后，直接调用这个函数就能判断胜负：

// 玩家1落子后，更新p1Taken数组，然后判断
if (checkWin(p1Taken)) {
  console.log("玩家1获胜！");
  // 这里可以加获胜后的逻辑：比如弹出提示、终止游戏等
}

// 玩家2落子后同理
if (checkWin(p2Taken)) {
  console.log("玩家2获胜！");
}

为什么你的原逻辑会出问题？ #

大概率是你的判断逻辑写法有疏漏，比如误用了else if替代独立if，或者遍历玩家数组时只检查了部分元素。而用上面的方式，通过every方法检查组合的全部元素是否存在，完全不关心玩家数组的元素顺序，能覆盖所有获胜场景，逻辑也更不容易出错。

内容的提问来源于stack exchange，提问作者UntouchedDruid4