JavaScript | break文

JavaScript

2020.07.122025.10.24

では、JavaScriptの for 文を初心者向けに、かみ砕いて、例題を交えながら詳しく説明します。

1. for文とは？

for 文は「同じことを何度も繰り返す」ための命令です。
例えば、1から10までの数字を順番に表示したいときに便利です。

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

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

JavaScript

部分	説明
初期化	繰り返しで使う変数を最初に準備する（例: `let i = 1`）
条件式	「この条件がtrueの間は繰り返す」というルール（例: `i <= 5`）
更新	1回の処理が終わった後に変数を変える（例: `i++` は `i = i + 1` と同じ）

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

JavaScript

出力結果：

const fruits = ["りんご", "みかん", "バナナ"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

const fruits = ["りんご", "みかん", "バナナ"];

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

JavaScript

出力結果：

りんご
みかん
バナナ

1〜10までの偶数だけを console.log で表示してみましょう。
ヒント：if 文と %（余り）を組み合わせるとできます。

for (let i = 1; i <= 10; i++) {  // iは1から10まで変化
  if (i % 2 === 0) {             // iを2で割った余りが0なら偶数
    console.log(i);              // 偶数なら表示
  }
}

for (let i = 1; i <= 10; i++) {  // iは1から10まで変化
  if (i % 2 === 0) {             // iを2で割った余りが0なら偶数
    console.log(i);              // 偶数なら表示
  }
}

JavaScript

i の値	i % 2 === 0	console.log 実行	出力
1	1 % 2 = 1 → false	×	なし
2	2 % 2 = 0 → true	✓	2
3	3 % 2 = 1 → false	×	なし
4	4 % 2 = 0 → true	✓	4
5	5 % 2 = 1 → false	×	なし
6	6 % 2 = 0 → true	✓	6
7	7 % 2 = 1 → false	×	なし
8	8 % 2 = 0 → true	✓	8
9	9 % 2 = 1 → false	×	なし
10	10 % 2 = 0 → true	✓	10