Javascript 数组意外地充满了 NaN

Question

我目前正在制作一个小型滚动画布游戏，并且正在尝试实现怪物。我为怪物保留了两个数组，一个用于它们的 x 位置，一个用于它们的 y 位置。出于某种意想不到的原因，两个数组都填充了 1152 个元素，其中两个是预定义的，其他的都是“NaN”。

这是该程序的链接： http://codepen.io/kenshin791011/pen/WpxQmg

（monsterMove函数在按键按下时运行）

var monsterx = [13, 5],
    monstery = [41, 42];
function monsterMove() {
    for(var i = 0; i < monsterx.length; i++) {
        var z = Math.floor(Math.random() * 4);
        switch(z) {
            case 0:
                monsterx[i] -= 1;
                break;
            case 1:
                monstery[i] -= 1;
                break;
            case 2:
                monsterx[i] += 1;
                break;
            case 3:
                monstery[i] += 1;
                break;
        }
    }
}

Answer 1

您的代码笔中 JS 的以下循环正在将元素 0 到 cGrid.length 的 monsterx 数组更新为 cGrid.length：

for(var i = 0; i < cGrid.length; i++) {
    pGridx[i] += g;
    monsterx[i] += 1;
}

考虑到几乎所有这些索引的第一次monsterx[i] 是undefined，而undefined + 1 是NaN，这就是你得到一个充满NaN 的数组的方式——除了前两个元素以有效数字开头。

你有一个类似的循环更新monstersy。

（为了将来参考，如果您不确定如何更新变量，第一步是搜索该变量的代码。这就是我为找到上述问题所做的一切。）