如何檢查充滿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

全部歸功於： 軌道輕度競賽