ループ：for、while、for...of

for、while、for...ofループのおかげで、同じことを繰り返さずに命令を繰り返しましょう。

7 分 · 3 問

100人のユーザーにウェルカムメッセージを表示しなければならないと想像してみてください。同じ行を100回コピーするのは面倒でミスも起こりやすいでしょう。ループとは、命令のブロックを何度も繰り返す構造です。JavaScriptにはいくつかのループがあります。まずは最もよく知られたもの、forループから始めましょう。

for (let i = 1; i <= 3; i++) {
  console.log("Round number " + i);
}
// Prints: Round number 1
// Prints: Round number 2
// Prints: Round number 3

for (let i = 1; i <= 3; i++)という行は、セミコロンで区切られた三つの部分に分けて読みます。開始（let i = 1は1に設定されたiという名前のカウンターを作ります）、条件（i <= 3：これが真である限りループは続きます）、そしてステップ（i++は各回のあとにiに1を足します）です。ループは条件が偽になるとすぐに止まります。

whileループはもっとシンプルです。条件が真である限りブロックを繰り返します。繰り返す回数が事前にわからないときに使います。

let batteryLevel = 3;

while (batteryLevel > 0) {
  console.log("Battery: " + batteryLevel);
  batteryLevel = batteryLevel - 1;
}
console.log("Battery empty!");

最後に、for...ofループは、配列（値のリスト。レッスン5で詳しく学びます）のようなコレクションの値を直接たどります。各回で、変数は次の値を受け取ります。管理するカウンターはありません。

const fruits = ["apple", "banana", "cherry"];

for (const fruit of fruits) {
  console.log(fruit);
}
// Prints: apple, then banana, then cherry

理解度チェック

このレッスンの要点をしっかり覚えているか確認しましょう。

1. for (let i = 0; i < 3; i++)のブロックは何回実行されますか？
   • 2回
   • 3回
   • 4回
2. カウンターなしで配列の値を直接たどるループはどれですか？
   • for...of
   • while
   • if
3. whileループの条件が決して偽にならないとどうなりますか？
   • ループは1000回のあとに止まる
   • JavaScriptはループを飛ばす
   • ループは永遠に実行され、プログラムがフリーズする