Stuck Programmierung Conways "Game of Life" in JS

Question

Wir müssen eine JavaScript-Version von Conways Spiel des Lebens für ein Schulprojekt programmieren, aber wir stecken fest auf die Kanten. Die ganze Sache funktioniert gut, aber die Funktion, die die Anzahl der Nachbarn berechnet, funktioniert nicht auf den Zellen, die sich an den Kanten befinden (weil es Werte außerhalb des Arrays auswerten muss, die undefiniert sind). Wir haben verschiedene Optionen ausprobiert, aber alle ändern die Funktionalität des restlichen Programms.

Was sollten wir hinzufügen, um an den Rändern des Gitters zu arbeiten?

var totalNeighbors = function(x, y) { 
 
    var total = 0; 
 

 
    if (x > 0 && cells[(x - 1)][y] == 1) { 
 
     total++; 
 
    } 
 

 
    if (x < (width - 1) && cells[x + 1][y] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y > 0 && cells[x][y - 1] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y < (height - 1) && cells[x][y + 1] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y > 0 && x > 0 && cells[x - 1][y - 1] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y > 0 && x < (width - 1) && cells[x + 1][y - 1] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y < (height - 1) && x > 0 && cells[x - 1][y + 1] == 1) { 
 
     total++; 
 
    } 
 

 
    if (y < (height - 1) && x < (width - 1) && cells[x + 1][y + 1] == 1) { 
 
     total++; 
 
    } 
 

 
    return total; 
 
};

Dank!

Answer 1

ich mit etwas mehr wie das gehen würde:
_{Wie Sie sehen können, habe ich ein wenig Refactoring.}

var isvalid = function(x, y) { 
     /* 
     * This returns 1 if cells[x][y] == 1. 
     * Otherwise, we return 0. 
     * NOTE: If cells[x, y] is out of bounds, we return 0. 
     * GLOBALS USED: cells, width, and height. 
     */ 

     //This returns true if (index < size && index >= 0) 
     //Used to check that index is not an invalid index. 
     var inbounds = function (size, index) { 
       return (index >= 0 && index < size); 
     }; 

     //given point is out of bounds 
     if (!inbounds(width, x) || !inbounds(height, y)) { 
       return 0; 
     } 

     //everything is good 
     return (cells[x][y] === 1) ? 1 : 0; 
    }; 

var totalNeighbors = function(x, y) { 
    var total = 0; 

    //cells[x-1][y] 
    total += isvalid(x-1, y); 

    //cells[x + 1][y] 
    total += isvalid(x+1, y); 

    //cells[x][y - 1] 
    total += isvalid(x, y-1); 

    //cells[x][y + 1] 
    total += isvalid(x, y+1); 

    //cells[x - 1][y - 1] 
    total += isvalid(x-1, y-1); 

    //cells[x + 1][y - 1] 
    total += isvalid(x+1, y-1); 

    //cells[x - 1][y + 1] 
    total += isvalid(x-1, y+1); 

    //cells[x + 1][y + 1] 
    total += isvalid(x+1, y+1); 

    return total; 
}; 

---

PS: Ihr ursprüngliches Codebeispiel ist 37 Zeilen ohne Kommentare. Mein Codebeispiel ist 52 Zeilen mit Kommentare und 33 Zeilen ohne Kommentare.

So nah wie ich kann, ist dieser Weg sauberer und kürzer. ;)