Question

在for循环中，你有一个“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});
}

Answer 1

虽然在上面的例子中可以在一个循环中完成，但我相信它在两个循环中完成的主要原因是为了适应性。考虑一个网格不是完美正方形的用例。您可以轻松地在两个循环中换出numberSquares以分别定义宽度和高度的变量。您还可以针对此方案单独定义x和y！

作为次要的原因，我说使用两个循环可以提高清晰度。如果这是一个循环，你需要记住＆＃39;您自己的总方格数。例如，如果您有一个13x13网格，则numSquares需要169 - 比“宽度”更难记住。 13为完美的正方形，可以重复使用宽度和高度。

希望这有帮助！：）

需要帮助了解此网格的工作原理

1 个答案: