javascript - 使用通过数组传递的对象时出现问题

Question

我有一个公共(public)“项目符号”数组，我正在将一个私有(private)项目符号对象插入其中。它具有 x 和 y 属性，我想更改它的 y 属性，这样每次我按下空格键时，它都会创建一个项目符号对象，将其插入 bullets 数组，然后调用一个循环遍历数组并更新每个项目符号的 y 的函数属性(property)。

但是，每次我按空格键时都会出现错误:

未捕获的类型错误:无法读取未定义的属性“y”

这有点超出我的理解范围，我不确定如何编写才能使 bullets 数组中的项目符号对象不是“未定义”。

如果有人有任何建议，我将不胜感激。

   //called every frame
    function playGame()
    {
        movePlayer();
        playerShoot();
        moveBullet();
    }

    //PLAYER SHOOT FUNCTION
    //If the space key is down, player.shoot is true and the bullet object is created.

    function playerShoot()
    {
        if(player.shoot)
        {
            var bullet = Object.create(spriteObject);
            bullet.width = 16;
            bullet.height = 16;
            bullet.x = (player.width - bullet.width) / 2;
            bullet.y = (player.height - bullet.height) / 2;
            bullets.push(bullet);
            player.shoot = false;
        }
    }

    //MOVING THE BULLET
    function moveBullet()
    {
        if(bullets.length !== 0)
        {
            for(var i = 0; i <= bullets.length; i++)
            {
                var bullet = bullets[i];
                console.log("bullet: " + bullet);

                //bullet.y causes error: Uncaught TypeError: Cannot read property 'y' of undefined

                if((bullet.y + bullet.height) >= 0)
                {
                    bullet.y--;
                }
                else
                {
                    bullets.splice[i, 0];
                }
            }
        }
    }

    //RENDERING THE BULLETS
    function renderBullet()
    {
        if(bullets.length !== 0)
        {
            for(var i = 0; i <= bullets.length; i++)
            {
                var bullet = bullets[i];
                bullet.render();
            }
        }
    }

Answer 1

您应该使用 < 而不是 <= 小于或等于将比项目符号数组多迭代一次，从而导致您的循环迭代一个不存在的元素。除了不使用 <= 和使用 < 之外，您还可以检查项目符号是否存在，并且仅在满足条件时才执行 if 或 else block 。

  if((bullet && bullet.y + bullet.height) >= 0) {
      bullet.y--;
  } else {
      bullets.splice(i, 0);
  }