如何检查充满Jquery对象的数组的值

Question

我正在做一个井字游戏，很有趣，并且我尝试做一些不同的事情。

我目前正在尝试通过遍历用Jquery抓取的存储tds数组来检查获胜组合。

WIN_COMBINATIONS = [$("#square_0, #square_1, #square_2"), 
$("#square_6, #square_7, #square_8"),
$("#square_0, #square_3, #square_6"), 
$("#square_3, #square_4, #square_5"), 
$("#square_1, #square_4, #square_7"),
$("#square_2, #square_5, #square_8"), 
$("#square_0, #square_4, #square_8"), $("#square_6, #square_4, #square_2")]

因此，基本上，WIN_COMBINATIONS [0]是一个成功的组合。 迭代并检查Jquery对象的.html的最佳方法是什么？

基本上，我想做这样的事情

if (WIN_COMBINATIONS[0].html = "X", "X", "X") {
        //do something here
}

谢谢你的帮助！

Answer 1

WIN_COMBINATIONS.forEach(function(combination){
    if(combination.map(function(){return $(this).text()}).toArray().join("") == "XXX") { 
        console.log("winning combination")   
    } 
})   

Answer 2

如果ES6（ES2015）正常，则可以尝试减少以找到匹配项

!!array.reduce(function(a, b){ return (a === b) ? a : NaN; });

结果：

var array = ["a", "a", "a"] => result: "true"
var array = ["a", "b", "a"] => result: "false"
var array = ["false", ""] => result: "false"
var array = ["false", false] => result: "false"
var array = ["false", "false"] => result: "true"
var array = [NaN, NaN] => result: "false" 

警告： var array = [] => result: TypeError thrown

全部归功于： 轨道轻度竞赛