我不明白为什么我的嵌套循环起作用

Question

目的是根据定义的行数和列在画布上绘制许多正方形：

int squareSize = 20;
int distance = squareSize + 10;
int numberofRows = 8;
int numberofColumns = 10;

for (int rows = 0; rows < numberofRows; rows++)
{

    for(int columns = 0; columns < numberofColumns ; columns++)
     {
        square(30 + (distance * rows), 30 + (distance * columns), squareSize);

     }
}

当行数较低时，我对程序仍然如何执行（）循环中的代码感到困惑比列数。我以为我会遇到问题，因为我理解只有在外循环被证明是正确的情况下，只有在内部循环才会被读取和执行（因此，在这种情况下，当程序在数量的数量时会停止工作行达到8.）

...但是，当我插入比列数低的行时，该程序仍然给出了预期的结果。这是为什么？ 编辑：英语不是我的母语，所以我在问题上犯了一个非常愚蠢的错误。显然，我的问题是，当行数 比列数低时，如何执行代码。我已经相应地编辑了帖子。

Answer 1

您需要慢慢阅读代码。如上所述，两个循环彼此分离。另外，用它们的值替换变量可能很有用：

for (int i= 0; i< 8; i++)
{

    for(int j = 0; j< 10; j++)
     {
        square(30 + (30* i), 30 + (30* j), 20);

     }

}

您可以首先调用正方形函数，然后使用i = 0 j = 0，然后

square(30,30,20).
Then i=0, j=1
square(30,60,20)
Then i=0 j=2
square(30,90,20).
...
i=0 j=10
square(30,330,20)
Then the inner for reached the maximum and then you come again to your outer loop and add one to i. 
i=1 j=0 
square(60,30,20)
i=1 j=1
square(60,60,20)
...
i=1 j=10
square(60,330,20)
...

继续进行此操作，直到最大值i = 8和j = 10 。

square(240,330,20)

所有这些平方函数将以这些参数为特定顺序调用。如果您想进一步洞察力，请告诉该正方形功能。

问候。

Answer 2

内部循环将对主循环的每个执行执行numberOfColumns时间。
因此，主循环将执行numberOfrows时间，因此内部循环将执行numberfcolumns* numbersofrows time的时间

Answer 3

Bandolero的答案很棒（+1）！

这是您草图的评论版本，可将每个迭代步骤视为一个动画框架：

int squareSize = 20;
int distance = squareSize + 10;
int numberOfRows = 8;
int numberOfColumns = 10;

int rows;
int columns;
// do we still need to iterate through rows or columns or are we done ?
boolean isUpdating = true;

void setup(){
  size(290, 350);
  frameRate(3);
  reset();
}

void reset(){
  background(255);
  rows = 0;
  columns = 0;
  isUpdating = true;
}

void draw(){
  
  if(isUpdating){
    // render each square
    fill(255);
    float x = 30 + (distance * rows);
    float y = 30 + (distance * columns);
    square(x, y, squareSize);
    // render rows, columns values
    fill(0);
    text(rows + "," + columns, x, y + squareSize * 0.75);
    
    // increment each row
    rows++;
    // if the end of a row is reached, reset the row count and increment the column count
    if(rows >= numberOfRows){
      rows = 0;
      columns++;
    }
    // if we completed columns we're done
    if(columns >= numberOfColumns){
      isUpdating = false;
    }
    
    println("rows=", rows, "/", numberOfRows, "columns=", columns, "/", numberOfColumns);
  }
}

void keyPressed(){
  if(key == ' '){
    reset(); 
  }
  if(key == 'r'){
    numberOfRows--;
  }
  if(key == 'R'){
    numberOfRows++;
  }
  if(key == 'c'){
    numberOfColumns--;
  }
  if(key == 'C'){
    numberOfColumns++;
  }
}

本质上，它不是在一个帧中使用 ，而是使用每个新框架来增加。

请随时将framerate（）更改为更快或更慢的东西，然后使用space键来重置动画（c/c/c降低/增加列和r/r降低/增加行）