Multidimensional boolean array checking if all true in Javascript

Question

I have a multidimensional array of bools, with each element set to true:

var boolarray= $.extend(true, [], board);

board is a 3x3 multidimensional array of strings. boolarray is simply a deep copy of this.

     for (var i=0; i < boolarray.length; i++) {
              boolarray[i]
              for (var j=0; j < boolarray[i].length; j++) {
                boolarray[i][j] = true;
              };
            };     

This gives me:

boolarray = [true,true,true,true,true,true,true,true,true]

I want to check if all elements are true and return if this is the case. However my method below does not work.

if (boolarray == true)
{
console.log("all elements in boolarray are true, return true ")
return true;
}
else 
{
console.log("not all elements in boolarray are true, return false")
return false;
}

Any ideas of how I should check if boolarray is all true?

Answer 1

Use .every()...

var boolarray = [true,true,true,true,true,true,true,true,true];

boolarray.every(Boolean);

DEMO: http://jsfiddle.net/gFX7X/

---

If the only purpose of the first loop was to create the second, then you could skip it and do this...

var boolarray = [[true, true, true], 
                 [true, true, true], 
                 [true, true, true]];

boolarray.every(function(arr) {
    return arr.every(Boolean)
}); 

DEMO: http://jsfiddle.net/gFX7X/1/

---

Or a slightly shorter version of the previous one:

boolarray.every(Function.call.bind(Boolean, null))

Answer 2

As an alternative to using a boolean array why not use a simple Hexidecimal number to store your board (and then use bit manipulation to change/test) i.e.

000 000 001

==

1decimal

111 111 111

==

511 (256 + 128 + 64 + 32 + 16 + 8 + 4 + 2 + 1)

Setting a board position true or false would then become a bit manipulation and testing would become as simple as parseInt = 511...

see bit manipulation in javascript