JavaScriptのwhileループの使い方を詳しく解説_基礎知識

プログラムを作成する際、一部の操作を何度も実行する必要がある場合があります。この場合、コード量を減らすためにループ ステートメントを作成する必要があります。

JavaScript は、すべてのプログラミング手順を支援するために必要なループをすべてサポートしています。
while ループ

JavaScript の最も基本的なループは while ループであり、このチュートリアルで説明します。
文法

while (expression){
  Statement(s) to be executed if expression is true
}

while ループの目的は、(式が true である限り) ステートメントまたはコード ブロックを繰り返し実行することです。式が false になると、ループは終了します。
例:

次の例は、基本的な while ループを示しています。

<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
while (count < 10){
 document.write("Current Count : " + count + "<br />");
 count++;
}
document.write("Loop stopped!");
//-->
</script>

これにより、次の結果が生成されます:

Starting Loop
Current Count : 0
Current Count : 1
Current Count : 2
Current Count : 3
Current Count : 4
Current Count : 5
Current Count : 6
Current Count : 7
Current Count : 8
Current Count : 9
Loop stopped! 

do...while ループ:

do...while ループは while ループと似ていますが、条件チェックがループの最後で行われる点が異なります。これは、条件が false であっても、ループは常に少なくとも 1 回実行されることを意味します。
文法

do{
  Statement(s) to be executed;
} while (expression);

do...while ループの最後にセミコロンが使用されていることに注意してください。
例:

たとえば、上記の例では do... while ループ プログラムを作成します。

<script type="text/javascript">
<!--
var count = 0;
document.write("Starting Loop" + "<br />");
do{
 document.write("Current Count : " + count + "<br />");
 count++;
}while (count < 0);
document.write("Loop stopped!");
//-->
</script>

これにより、次の結果が生成されます:

Starting Loop
Current Count : 0
Loop stopped!