從陣列中移除元素並避免在javascript中崩潰

Question

所以我一直在努力使用HTML5和JavaScript的遊戲。我試圖製作一個太空侵略者風格的遊戲，結果我有一系列的敵人。我有單獨的功能致力於創建敵人陣列，將它們吸引到屏幕上，移動敵人並最終移除它們。 然而，除去敵人卻是一個問題。這是我的邏輯 如果敵人的健康值小於或等於0，則從陣列中刪除敵人，並將陣列長度縮小1.現在，邏輯將決定如果你開始從敵人身上射擊並殺死敵人，這可能是一場災難數組的開始，因爲數組的長度將會減少，這正是我的問題，如此之低，並注意我的代碼。

function hostile(x, y) { 
    this.speed = 1; 
    this.health = 100; 
    this.x = x; 
    this.y = y; 
    this.height = 32; 
    this.width = 32; 
    this.isDead = false; 
    this.direction = 0; 
    this.deadCount = 0; 
    this.firing = false; 
    //this.moving = true; 
    this.move = function() { 

     if (this.isDead === false && gameStart === true) { 
      context.clearRect(0, 0, canvas1.width, canvas1.height); 
      if (this.x > canvas.width - 64) { 

       this.y += 10; 
       this.direction = 0; 
      } 
      if (this.x < 0) { 
       this.y += 10; 

      } 

      if (this.direction === 1) { 
       this.x += this.speed; 
      } else { 
       this.x -= this.speed; 

      } 

      if (this.x < 0) { 
       this.direction = 1; 
      } 

      if (this.y > 420) { 
       this.x = 600; 
      } 
     } 

    }; 

    this.draw = function() { 

     context.drawImage(sprite, 0, 480, 65, 68, this.x, this.y, 65, 65); 
    }; 
    this.reset = function() { 
     context.clearRect(this.x, this.y, 65, 65); 
     this.x = 20; 
     this.y = 20; 
     this.health = 100; 
    }; 
}; 
var enemylist = []; 

function createEnemies() { 
    for (var i = 0; i < 6; i++) { 
     enemylist.push(new hostile(75 * i, 20)); 

    } 
}; 

function deleteEnemy(a) { 
    enemylist.splice(a); 
    enemyBulletList.splice(a); 

    //enemylist.length = enemylist.length-1; 
    //enemyBulletList.length = enemyBulletList.length - 1; 
}; 

createEnemies(); 

function moveEnemies() { 
    for (var i = 0; i < enemylist.length; i++) { 
     if (enemylist[i].isDead === false && gameStart === true) { 

      if (enemylist[i].x > canvas.width - 64) { 

       enemylist[i].y += 10; 
       enemylist[i].direction = 0; 
      } 
      if (enemylist[i].x < 0) { 
       enemylist[i].y += 10; 

      } 

      if (enemylist[i].direction === 1) { 
       enemylist[i].x += enemylist[i].speed; 
      } else { 
       enemylist[i].x -= enemylist[i].speed; 

      } 

      if (enemylist[i].x < 0) { 
       enemylist[i].direction = 1; 
      } 

      if (enemylist[i].y > 420) { 
       enemylist[i].x = 600; 
      } 
     } 
    } 
}; 

因此，爲了解釋我的問題，我可以從陣列中拍攝並殺死敵人，這也會將它們從屏幕上移除。但是如果我從陣列開始射擊敵人，我會讓所有敵人從屏幕上清除，遊戲崩潰。如果您需要更多信息，請隨時詢問。

根據要求，我提交了更多與我的問題有關的代碼。上面的代碼包括敵對功能和與其直接相關的其他功能。

編輯：Vitim.us提供了一個非常有用的提示，關於我的問題，他建議創建一些標誌（var dead = false/true等），並且一旦值被更改，具體實例可以簡單地從屏幕上移開遠離播放器。

Answer 1

您可以通過多種方式

您可以實現一個方法來敵視除去本身實現這個從屏幕上，

對於這個每個實例應該在屏幕上保持對自身的引用，它可以是對DOM的直接引用，或者它可以是與屏幕對象相關的屬性，如hostile.entitieId。

當hostile.health<=0您舉報hostile.isDead = true;並自動調用一個方法，從屏幕上刪除它，比通知的其他方法，終於從刪除實例您enemyList[]

您可以檢查這對遊戲打勾或者你可以建立它以事件派遣的方式，使用getter和setter作爲健康財產。

this.setHeath = function(value){ 
    //set entity heath 

    if(health<=0){ 
     //remove itself from screen 
     //notify other method to clear this instance from the enemyArray[] 
    } 
} 

Answer 2

不要像那樣手動更新數組。 delete用於刪除命名的屬性。如果你想從一個Array刪除元素，使用splice：

function deleteEnemy(a) { // capitalized functions are usually reserved for constructors 
    enemylist.splice(a); 
    enemyBulletList.splice(a); 
} 

此外，var enemylist = [6]沒有做什麼，你認爲它。它創建一個包含單個元素的數組[6]。您應該創建一個空數組，然後將其添加到數組中。

這將避免你不得不手動設置的長度（你不應該永遠要做的。）