Javascript - 井字遊戲 - 如何通過贏條件循環？

我正在寫一個功能正常的Tic Tac Toe程序，我已經完成了很多工作。除了我的勝利條件太長和醜陋。它看起來像這樣。Javascript - 井字遊戲 - 如何通過贏條件循環？

function checkWin(){ 
    if(board[0].textContent === "X" && 
    board[1].textContent === "X" && 
    board[2].textContent === "X" 
) { alert("Win")} 
    else if (
    board[3].textContent === "X" && 
    board[4].textContent === "X" && 
    board[5].textContent === "X" 
) { alert("Win")} 
    else if (
    board[6].textContent === "X" && 
    board[7].textContent === "X" && 
    board[8].textContent === "X" 
) { alert("Win")} 

}

我只寫了一些勝利的條件，因爲如果我寫整個事情會更長。我想知道如何編寫一個較短的版本。我正在考慮做一個數組並循環它，但我無法弄清楚如何。這將是這樣的。

var winConditions = [[0,1,2]，[3,4,5]，[6,7,8]，[0,3,6]，[1,4,7]，[2 ，5,8]，[0,4,8]，[6,4,2]]

但我該如何使用checkWin循環winConditions並使其等於X和O？

來源

2017-08-16 KDO

這不是一個容易解決的問題。除非你使用現有的算法之一，否則會變得混亂。上次我寫了一個TTT遊戲時，我檢查了玩家的任何瓷磚是否形成了與董事會一樣長的直線。查找現有的算法來解決這個問題，除非你想這麼做。 – Carcigenicate

https://stackoverflow.com/questions/1056316/algorithm-for-determining-tic-tac-toe-game-over – Carcigenicate

當然，https://stackoverflow.com/questions/18548265/testing-tic-tac -toe雙贏的條件/ 18549674＃18549674 –

做循環和總和。當然，這可以優化：

var winConditions = [ /* what you defined */ ]; 

function winTest(board, side) { 
    for(var i = 0; i < winConditions.length; i++) { 
    var sum = 0; 
    var w = winConditions[i]; 

    for(var b = 0; b < w.length; b++) { 
     if(board[w[b]].textcontent === side) { 
     sum++ 
     } 
    } 

    if(sum === 3) { 
     return true; 
    } 
    } 
    return false; 
} 

// then, call it : 
var result = winTest(board, 'X');

來源

2017-08-16 00:45:16 Hefeust

隨着ES6

function checkWin(player){ 
 
    // player = 'X' or 'O' 
 

 
    const horizontal = [0,3,6].map(i=>{return[i,i+1,i+2]}); 
 
    const vertical = [0,1,2].map(i=>{return[i,i+3,i+6]}); 
 
    const diagonal = [[0,4,8],[2,4,6]]; 
 

 
    var allwins = [].concat(horizontal).concat(vertical).concat(diagonal); 
 
    
 
    let res = allwins.some(indices => { 
 
    return board[indices[0]] == player && board[indices[1]] == player && board[indices[2]] == player}) 
 
    return res; 
 
} 
 
// O O O 
 
// X X O 
 
// X X O 
 
var board=["X","X","O","X","X","O","O","O","O"]; 
 
console.log(checkWin("X"),"Expect: false"); // false 
 
console.log(checkWin("O"),"Expect: true"); // true 
 

 
// negative test case 
 
var board = []; 
 
console.log(checkWin("X"),"Expect: false"); // false 
 

 
// wierd case of only 1 player 
 
// X X X 
 
var board = ["X","X","X"] 
 
console.log(checkWin("X"),"Expect: true"); //true

來源

2017-08-16 01:09:44

在慵懶的版本，你可以將它們合併成一個字符串，並將RegExp測試他們：

function checkWin() 
{ 
    var str = "" 
    for (var i = 0; i < 9; i++) 
     str += board[i].textContent 

    if (/(X...?)\1X|^(...)*XXX|^..X.X.X/.test(str)) 
     alert("Win") 
}

來源

2017-08-16 01:23:02 Slai

Javascript - 井字遊戲 - 如何通過贏條件循環？

回答

相關問題