JavaScript | for文

主な内容の要点

for文の基本

• for文は「決まった回数だけ処理を繰り返す」ための仕組み。
• 書き方は次の形です：

for (初期化式; 条件式; 変化式) {
  繰り返したい処理;
}

for (初期化式; 条件式; 変化式) {
  繰り返したい処理;
}

例：

for (let i = 1; i < 3; i++) {
  console.log("i = " + i);
}
console.log("end");

for (let i = 1; i < 3; i++) {
  console.log("i = " + i);
}
console.log("end");

各部分の意味

• 初期化式：最初に一度だけ実行される（例：let i = 1）。
• 条件式：毎回ループの前にチェックされる。trueなら処理を続け、falseなら終了。
• 変化式：ループの最後に実行される（例：i++でカウントを増やす）。

実行の流れ

1. 初期化式を実行（例：i = 1）。
2. 条件式を評価（例：i < 3 → true）。
3. ブロック内の処理を実行。
4. 変化式を実行（例：i++）。
5. 再び条件式へ戻る。
6. 条件式がfalseになるまで繰り返す。

応用例

• 増やす幅を変える

for (let i = 3; i < 10; i += 3) {
  console.log(i); // 3, 6, 9
}

for (let i = 3; i < 10; i += 3) {
  console.log(i); // 3, 6, 9
}

• 逆にカウントダウンする

for (let i = 5; i > 0; i--) {
  console.log(i); // 5, 4, 3, 2, 1
}

for (let i = 5; i > 0; i--) {
  console.log(i); // 5, 4, 3, 2, 1
}

• 配列を順番に処理する

const colors = ["Red", "Blue", "Green"];
for (let i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}

const colors = ["Red", "Blue", "Green"];
for (let i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}

• 複数の変数を同時に変化させる

for (let i = 1, j = 4; i < 5; i++, j--) {
  console.log("i = " + i + ", j = " + j);
}

for (let i = 1, j = 4; i < 5; i++, j--) {
  console.log("i = " + i + ", j = " + j);
}

ポイント

• for文は「回数が決まっている繰り返し」に便利。
• 初期化式・条件式・変化式を工夫すると、いろんなパターンのループが書ける。
• 配列処理やカウントダウンなど、実用的な場面でよく使われる。

👉 まとめると、for文は「スタート地点」「ゴール条件」「進み方」をセットで書くループ。これを理解すれば、繰り返し処理がグッと楽になります。