Javascript 需要了解此网格如何工作的帮助吗

在for循环中，有一个循环表示“x”，一个循环表示“y”。我不明白你为什么要两者兼而有之？为什么其中一个循环不一直附加“方块”直到“容器”装满

#JQUERY
函数makeGrid（）{
对于（变量x=0；x

虽然在上面的示例中，这可以在单个循环中完成，但我相信在这里，它在两个循环中完成的主要原因是适应性。考虑一个网格不是完美的正方形的用例。您可以轻松地将两个循环中的

numberSquares

换成分别定义宽度和高度的变量。您还为该场景分别定义了

x

和

y

作为第二个原因，我认为使用两个循环可以提供更高的清晰度。如果这是一个单循环，您需要自己“记住”总的方块数。例如，如果您有一个13x13网格，

numSquares

需要是

169

——对于一个完美的正方形来说，比

13

的“宽度”更难记住，因为它可以重复用于宽度和高度

---

希望这有帮助！：）

初学者更容易理解，而且你还准备了

x

和

y

，这很好。

#JQUERY
function makeGrid() {
   for (var x = 0; x < numberSquares; x++) {
      for (var y = 0; y < numberSquares; y++) {
          $("<div class='square'></div>").appendTo('.container');
      }
   }
   $('.square').css({'width': squareSize, 'height': squareSize});
}