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

while ループにはさまざまなバリエーションがあることがわかりました。この章では、for ループと呼ばれるもう 1 つの一般的なループを紹介します。
for ループ

for ループはループの最もコンパクトな形式であり、次の 3 つの重要な部分で構成されます:

1. ループ初期化カウンターの初期値。初期化ステートメントは、ループが開始される前に実行されます。
2. 指定された条件が true か false かをテストするテスト ステートメント。条件が true の場合、ループ内で指定されたコードが実行され、それ以外の場合はループが終了します。
3. カウンタを増減できるループ ステートメント。

行上の 3 つの部分すべてをセミコロンで区切ることができます。
文法

for (initialization; test condition; iteration statement){
   Statement(s) to be executed if test condition is true
}

例:

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

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

これにより、while ループに似た次の結果が生成されます:

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!