Sure, you just specify each element of the array you'd like to use.
So, in your example - you have the number 10 repeated 4 times. I'll just plug them into .strokeRect to get a rect that has one corner at 10,10 and the other corner at 20,20
var houseRooms = [];
var curRoom = [10,10, 10,10];
houseRooms.push(curRoom);
curRoom = [20,20, 20,20];
houseRooms.push(curRoom);
var i, numRooms = houseRooms.length;
for (i=0; i<numRooms; i++)
{
curRoom = houseRooms[i];
c.strokeRect(curRoom[0], curRoom[1], curRoom[2], curRoom[3]);
}
Since houseRooms is an array, as are each of the elements it contains, we can avoid a step in the above loop and do the following instead.
var i, numRooms = houseRooms.length;
for (i=0; i<numRooms; i++)
{
c.strokeRect(houseRooms[i][0], houseRooms[i][1], houseRooms[i][2], houseRooms[i][3]);
}
But that then brings me to another point - we can do this with less code again..
houseRooms.forEach( drawOutline );
function drawOutline(elem)
{
c.strokeRect(elem[0], elem[1], elem[2], elem[3]);
}
or even more frugally, we don't even have to name the function, we can declare it in place.
houseRooms.forEach( function(e){c.strokeRect(e[0], e[1], e[2], e[3]);} );