コードのブロックを繰り返す方法。

whileループは、条件がtrueである間、文を繰り返すのに役立ちます。 これは繰り返されるif文のようなものです。例えば、while ループを使うと、「複数の線を描く」というアイデアを次のように簡単に表現できます:

// 繰り返しを追跡する変数を宣言する let x = 10;

// x < 100である限り繰り返す while (x < 100) {
  line(x, 25, x, 75);

  // 20ずつ増加させる
  x += 20;
}

ループのヘッダーはwhileキーワードで始まります。ループは一般的に、 繰り返しまたは反復するにつれて、カウントアップまたはカウントダウンします。 括弧内の文x &lt; 100は、ループが各反復で確認する条件です。 条件がtrueの場合、ループは中括弧{}の間のコードを実行します。 中括弧の間のコードはループの本体と呼ばれます。条件がfalseの場合、 本体はスキップされ、ループは停止します。

誤って無限ループを作成することはよくあります。例えば、 次のループはカウントアップしないため、決して反復を停止しません:

// 繰り返しを追跡する変数を宣言する let x = 10;

// x < 100である限り繰り返す while (x < 100) {
  line(x, 25, x, 75);
}

// これはループの本体内にあるべきです! x += 20;

x += 20がループの本体の後に表示されています。これは、 変数x10のままで、常に100未満であることを意味します。

whileループは、反復回数が事前にわからない場合に便利です。 例えば、同心円をランダムな間隔で描くことができます:

let d = 100; let minSize = 5;

while (d > minSize) {
  circle(50, 50, d);
  d -= random(10);
}

実例

Notice any errors or typos? Please let us know. Please feel free to edit src/core/reference.js and open a pull request!

関連するリファレンス