Передача двухмерного массива в функции JavaScript

Question

Я пытаюсь нарисовать прямоугольники, которые представляют стены на холсте javascript html. Мой вопрос здесь: почему он не распознал стены [i] .length?

canvas = document.getElementById("myCanvas")
context = canvas.getContext('2d')

var boxSize = 40
var wallsCoordinates = [[3,2][3,3],[3,4]]

function drawWalls(walls) {
context.fillStyle = "grey"
for(var i = 0; i < walls.length; i++) {
    for(var j = 0; j < walls[i].length; j += 2)
        context.fillRect(walls[i][j] * boxSize, walls[i][j + 1] * boxSize,
            boxSize, boxSize)
    }
}

drawWalls(wallsCoordinates)

Answer 1

Вы забыли запятую в своем массиве.

Измените var wallsCoordinates = [[3,2][3,3],[3,4]] на var wallsCoordinates = [[3,2],[3,3],[3,4]].