错误：无法读取未定义的属性

Question

我似乎无法解决此问题。 我的代码如下：

var matrix = [];

// initialise the grid:
window.onload = function(){

    var cells ='';

    for(var i = 0; i < 10; i++){

        matrix[i] = [];

        for (var j = 0; j < 10; j++){

            matrix[i][j] = "white";

            cells += "<span class = 'cell' id='cell"+ i + "" + j + "' onClick = 'toggleCell("+i+","+j+")' ></span>";

        }
    }
        $('#grid-container').html(cells);

}

当我尝试用其他方法调用矩阵元素时，我没有被定义。

解决了

• 稍后尝试访问invaldi位置的对象。

Answer 1

未定义的不是矩阵，而是matrix [i]。 由于您是从jQuery的attribute方法中获取i和j值的，因此它们是字符串。 因此，在将它们用作数组的索引之前，必须首先将它们转换为int：

var i = parseInt($(this).attr('id').slice(-2, -1), 10);
var j = parseInt($(this).attr('id').slice(-1), 10);

还要注意，我将第二个参数传递给第一个slice调用，因为您只需要第一个字符。

Answer 2

matrix是一个长度为9的数组，但您的for循环要进行10次（ i < 10 ）。 将循环更改为：

for( var i = 0; i < matrix.length; i++) {
}

Answer 3

@帕特里克·埃文斯是对的。 jQuery文档的ready函数不需要包装在window.onload事件中。 同样，如果您有在window.onload之前触发的任何代码（因为document.ready首先触发），那么该数组将不会被填充。 @falinsky在使用var matrix = []时也是正确的； 另请查看有关[]与新Array（）之间的区别的答案：https：//stackoverflow.com/a/1273936/2488939