使用通过数组传递的对象时遇到问题

Question

我有一个公共“项目符号”数组，我正在将私有项目符号对象推入其中。它具有 x 和 y 属性，我想更改它的 y 属性，以便每次按空格键时，它都会创建一个项目符号对象，将其推入项目符号数组，然后调用一个循环遍历数组并更新每个项目符号 y 的函数财产。

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

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

这稍微超出了我的理解，我不知道如何编写这个，以便项目符号数组中的项目符号对象不是“未定义”。

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

   //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 块。

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