javascript - Tic-Tac-Toe Javascript，无法确定循环或函数来检查获胜者-6ren

javascript - Tic-Tac-Toe Javascript，无法确定循环或函数来检查获胜者

转载作者：行者123 更新时间：2023-11-29 23:57:51

24

4

Tic-Tac-Toe 是我正在处理的代码，但我的问题只是一般性问题。我如何着手检查一个整数数组与一个包含多个整数子数组的大数组。我只想找到出现在“combos”数组之一中的“sel”中的数字。到目前为止，我已经尝试过滤、查找、indexOf 和映射，但我从来没有得到代码来“查找”来自“sel”的相关数字......我知道我可以使用以下代码来完成工作完成:

if(document.getElementById('1') && 
   document.getElementById('2') && 
   document.getElementById('3') == 'X'){
 alert('You Win')}

但这似乎是多余的，我想知道解决这个问题的有效方法。请不要建议任何 Jquery，我使用的是没有任何库的 Vanilla JS。并且请确保在将我的问题标记为重复之前检查我的问题和其他作者，因为我已经研究了这个问题几个小时，但找不到类似的问题。如果有的话，请给我指出正确的方向。我不认为我的其余代码是相关的，但如果您仍然希望看到它，我会附上。

function play(player) {

  var arr = [];
  var player;
  var computer;
  var turn1 = ['X', 'O'];
  var check = [];
  var p = document.getElementById('page');
 
  player = player.value;
  p.innerHTML = 'You Will Play As' + '<br>' + player;
  computer = turn1.filter(v => v !== player);
  mouseD();

  function mouseD() {
    var div = document.getElementsByTagName('div');
    arr = Array.from(div);
    for (var i in arr) {
      arr[i].onmousedown = function() {
        var values = this.getAttribute('id');
        if (check.indexOf(values) > -1) {
          alert('select a different box');
        } else {
          this.innerHTML = player;
          check.push(values);
        }
      }
      arr[i].onmouseup = function() {
        var temp = [];
        var arr1 = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
        for (var j in arr1) {
          if (check.indexOf(arr1[j]) === -1) temp.push(arr1[j]);
        }
        for (j in check) {
          if (arr1.indexOf(check[j]) === -1) temp.push(check[j]);
        }
        var some = Math.floor(Math.random() * temp.length);
        var all = temp[some];
        var vals = document.getElementById(all);
        vals.innerHTML = computer;
        check.push(all);
        winner();
      }
      function winner() {
        var combos = [
          ['1', '2', '3'],
          ['4', '5', '6'],
          ['7', '8', '9'],
          ['1', '4', '7'],
          ['2', '6', '8'],
          ['3', '6', '9'],
          ['3', '5', '7'],
          ['1', '5', '9']
        ];
      }
    }
  }
}

.box {
  display: inline-block;
  width: 8%;
  height: 100px;
  background-color: lightblue;
  margin-bottom: auto;
  border: 5px slategray solid;
  left: 0;
  right: 0;
  vertical-align: top;
  text-align: center;
  font-size: 40px;
}

section {
  margin-top: 40px;
  margin-left: 50px;
}

<body>
  <p id='page'>
    <button class='button' id='X' value='X' onclick='play(this)'>X
</button>
    <button class='button' id='O' value='O' onclick='play(this)'>O
    </button>
  </p>
  <br>
  <section>
    <div id='1' class='box' value='1'>
    </div>
    <div id='2' class='box' value='2'>
    </div>
    <div id='3' class='box' value='3'>
    </div>
    </br>
    <div id='4' class='box' value='4'>
    </div>
    <div id='5' class='box' value='5'>
    </div>
    <div id='6' class='box' value='6'>
    </div>
    <br>
    <div id='7' class='box' value='7'>
    </div>
    <div id='8' class='box' value='8'>
    </div>
    <div id='9' class='box' value='9'>
    </div>
  </section>
</body>

var combos = 
       [['1', '2', '3'],
        ['4', '5', '6'],
        ['7', '8', '9'],
        ['1', '4', '7'],
        ['2', '6', '8'],
        ['3', '6', '9'],
        ['3', '5', '7'],
        ['1', '5', '9']];

var sel = ['1','2','6','8'];

最佳答案

您可以使用 some()、every() 和 indexOf() 执行此操作，它将返回 true/false 作为结果。

var combos = 
       [['1', '2', '3'],
        ['4', '5', '6'],
        ['7', '8', '9'],
        ['1', '4', '7'],
        ['2', '6', '8'],
        ['3', '6', '9'],
        ['3', '5', '7'],
        ['1', '5', '9']];

var sel = ['1','2','6','8'];

var result = combos.some(function(ar) {
  return ar.every(function(e) {
    return sel.indexOf(e) != -1
  })
})

console.log(result)

这是使用箭头函数和 Array#includes 的 ES6/ES7 的较短版本

var result = combos.some((ar) => ar.every((e) => sel.includes(e)))

关于javascript - Tic-Tac-Toe Javascript，无法确定循环或函数来检查获胜者，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41279553/

24

4

0

文章推荐： javascript - 谷歌时间线图表图像

文章推荐： javascript - JS : Array defined or undefined

文章推荐： javascript - RxJs:如何在我们订阅之前获取发出的值？

c++ - C++ 中的 Tic-Tac-Toe 帮助，如何制作循环以便 Tic Tac Toe 游戏每次都会重复棋盘
我是初学者，所以我的代码很乱。我还没有完整地评论这个游戏，所以如果你需要澄清一些变量，我可以给你。 (顺便说一句，这是一个要求制作井字游戏的c++项目) 我的主要问题是，我将如何重复我的棋盘(每次有人
tic-tac-toe - 使计算机永远不会在井字游戏中迷路
我正在为C的Tic Tac Toe代码编写一个简单的游戏。我已经完成了大部分代码，但是我希望AI永不丢失。我已经阅读了有关minimax算法的信息，但我不理解。如何使用此算法使计算机获胜或平局，但永
javascript - Tic Tac Toe 游戏结束后禁用按钮
感谢这里人们的帮助，我成功地禁用了点击 div 并在已经使用 $(".pos").addClass('already-played'); 选择它们时覆盖它们；以及 CSS 中的这个: .已经播放{
java - Tic Tac Toe 游戏重置太快
我有一个井字棋游戏，其中用户(x)玩CPU(o)。游戏开始时，CPU 将 (o) 放置在中心，并在用户之后移动到随机位置。游戏设置为循环，但一旦出现获胜者，它就会重置，并且不会显示“你赢/输的横幅”。
javascript Tic tac toe 游戏等待用户输入
我试图在没有人工智能的情况下实现井字棋游戏。不知怎的，我的点击功能会自动触发。您能帮我理解为什么点击功能会自动触发吗？这是 HTML 代码片段。 Tic Tac Toe Gam
c - Tic-Tac-Toe:如何填充决策树？
我正在制作一个井字游戏程序。我计划将 minimax 与它一起使用。我制作了一棵树，其中包含所有可能的游戏序列的空间，并且我正在寻找一种方法来填充它。我目前有这种类型: typedef struct
Java Tic Tac Toe 构造函数
我正在尝试遵循本教程: https://www.youtube.com/watch?v=Db3cC5iPrOM 2:59 我听不懂他在说什么。我不明白为什么他在构造函数(public static
java - Tic Tac Toe 游戏循环错误
我在这里为我的java作业编写了井字棋游戏，一切都很好，除了一个小问题，即当您输入最后一步(第九回合)时，最后一个“X”不显示。这不仅很烦人，因为获胜的棋子没有显示，而且还导致了一些问题，即领带方法没
java - Tic Tac Toe 获胜者检查器问题
我对编码和 Java 比较陌生，在我的 CS-173 类(class)中，我的任务是创建一个 Tic Tac Toe 游戏。然而，当谈到创建确定获胜者的方法时，每当我获得“胜利”时，代码都不会运行说我
Java Tic Tac Toe 检查获胜者方法不能一起工作
您好，我想尝试制作一个井字游戏，但遇到问题。我仍然是一个初学者，所以请随意提供有关组织和类似内容的提示，但我的问题是我的方法 checkRowWin、checkColoumnWin 和 E.T.C 添
java - Tic-Tac-Toe 打印游戏树搜索中最佳移动的路径？
我正在研究 Tic-Tac-Toe 游戏 (3x3) 的 alpha-beta 剪枝算法。目前，对于任何给定的 3x3 网格实例，我都能找出最好的情况: public Best chooseAlpha
Java Tic Tac Toe 游戏
我是一名初学者，正在学习 Java super 技能类(class)。我试图尝试 this VS Code 中的 tic tac toe 游戏项目。效果很好。但代码在提交时出错。代码: packag
java - Tic Tac Toe 程序中无法访问的代码
我已经研究“死代码”和“无法访问的代码”有一段时间了，但我似乎仍然无法弄清楚我的程序中这个问题是怎么回事。这是我所拥有的一个片段； “gameEnd()”方法检查 Tic Tac Toe 中的获胜者:
Java Tic Tac Toe 获胜条件
我目前正在做一项任务，即创建一个 Tic Tac Toe 游戏。我已经做到了玩家可以在棋盘上放置标记、绘制标记并随后切换回合。但是，只有当玩家将其标记放在左上角(第一个)字段时，我检查是否存在获胜条件
java - Tic Tac Toe 程序循环问题
编辑:我注意到，当您为 TicTacToe 表输入错误的数字时，我的程序会输出“无效移动”。什么会导致这种情况呢？我只使用 move(row, col) 方法一次，因此它不会重复无效输入两次。我一直
Java 不可达语句 Tic Tac Toe
import java.util.Scanner; public class TTT{ public static int row, col; public static Scanner scan =
java - Tic Tac Toe 程序未确定获胜者
这个问题已经有答案了: Is Java "pass-by-reference" or "pass-by-value"? (91 个回答) 已关闭 7 年前。我的井字棋程序有一个小问题。我有一个嵌套计
Python TIC TAC TOE 跳轮
我正在用 python 开发一个 tic-tac-toe 程序。现在，轮到人类了，一切顺利。然而，AI 在玩完第一个回合后，不会再玩任何后续回合。我扫描了代码，似乎找不到任何可能导致此问题的错误。请
javascript - Tic Tac Toe 获胜功能
function checkWin(){ if (arro[0] === arro[1] === arro[2] === 1 || arro[3] === arro[4] === arro[5] ==
javascript - Tic Tac Toe 无法更改innerHTML
我尝试更改innerHTML 的所有内容都没有改变任何内容。没有 X 或 O，并且不会显示当前玩家的姓名。我一直在试图解决这个问题。我一直在寻找答案，据我所知，我所做的一切都是我应该做的。我今晚必须交

首页

博学

6Ren·AI

商城

javascript - Tic-Tac-Toe Javascript，无法确定循环或函数来检查获胜者