JavaScript While ループ
ループは、指定された条件が真である限り、処理を実行できます。
Whileループ
while 構文は、指定された条件がtrueである限り、処理をループします。
構文
<div> while (<em>指定された条件</em>) {
<i> // 実行したい処理</i>
}</div>
例
次の例では、変数 (i)が10未満である限り、ループ内のコードが実行されます。
繰り返したい処理の中で変数のインクリメントを忘れると、無限ループが発生し、ブラウザがクラッシュします。
Do Whileループ
do whileループはwhileループの変形です。このループは、条件がtrueかどうかを確認する前にコードブロックを1回実行し、条件がtrueである限りループを繰り返します。
構文
<div> do {
<i> // 実行したい処理
</i>}
while (<em>繰り返したい処理</em>);</div>
例
以下の例では、do whileを使用したループです。指定した条件を比較する前にループ処理が実行されるため、条件がfalseであっても、ループ最低1回は常に実行されます。
指定した条件で使用する変数を必ずインクリメントしてください。無限ループになります！
ForとWhileの比較
forループに関する章を読んだ場合は、whileループがステートメントの数が1に対して、forループはステートメントの数が3です。ステートメント数を省略したforループと処理はほとんど同じであることがわかります。
以下の例は、forループを使用して、cars配列から車の名前を収集します。
例
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
for (;cars[i];) {
text += cars[i];
i++;
}
以下の例は、whileループを使用して、cars配列から車の名前を収集します。
例
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";
while (cars[i]) {
text += cars[i];
i++;
}
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。