How to check the values of an array full of Jquery objects

Question

I am making a tic-tac-toe game for fun and I am trying to do something a little different.

I am currently trying to check winning combinations by iterating through an array of stored tds that were grabbed with Jquery.

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")]

So, basically, WIN_COMBINATIONS[0] is a winning combo. What is the best way to iterate through, and actually check the .html of the Jquery object?

Basically, I would like to do something like this

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

Thanks for your help!

Well, there are only two players, and if all the spots are filled with an "X", the game will stop and declare a winner. That is what I am after. Just a simple game of tic tac toe :D — TylerP3358
– TylerP3358, Commented Jun 27, 2018 at 20:19
you will need to do a "Deep Equals" of each item in the array... Looking now — MrPickles
– MrPickles, Commented Jun 27, 2018 at 20:22

juvian · Accepted Answer · 2018-06-27 20:22:15Z

2

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

answered Jun 27, 2018 at 20:22

juvian

16.1k2 gold badges42 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

TylerP3358 Over a year ago

Brilliant Answer! This is exactly what I was looking for! Thanks Juvian

MrPickles · Accepted Answer · 2018-06-27 20:29:07Z

0

if ES6 (ES2015) is OK than you can try reduce to find match

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

Results:

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"

Warning: var array = [] => result: TypeError thrown

All credit to: Lightness Races in Orbit

answered Jun 27, 2018 at 20:29

MrPickles

9581 gold badge9 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to check the values of an array full of Jquery objects

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related