
Day16:繰り返し処理の基本!for文を使ってみよう
Day15で、条件によって処理を分けるif文を学んだね。
今日は、同じ処理を何度も繰り返してくれる「繰り返し処理」を学んでいくよ。「1から10まで表示する」ような処理を、1行ずつ書かなくても済むようになる、とても便利な仕組みなんだ。
この記事を読めば、for文を使った繰り返し処理の基本の書き方がわかるよ。プログラムに「作業を任せる」感覚を、ぜひ体験してみてね!
─────────────────────
🔁 同じ処理を10回書くのは大変

例えば「1から5までの数字を表示する」処理を、これまでの書き方で表現すると、こうなるよね。
コード例(JavaScript)
console.log(1);
console.log(2);
console.log(3);
console.log(4);
console.log(5);
これが1000回だったら、とても書ききれないよね。こうした「同じような処理の繰り返し」を、もっと短く書けるようにしてくれるのがfor文なんだ。
─────────────────────
🔄 for文の基本の形

📌 3つの部分でできている
for文は、次のような形で書くよ。
コード例(JavaScript)
for (let i = 0; i < 5; i++) {
console.log(i);
}
カッコの中は、セミコロンで区切られた3つの部分でできているんだ。
・let i = 0:最初にiという変数を0にする(初期値)
・i < 5:iが5より小さい間だけ繰り返す(継続条件)
・i++:1周終わるごとにiを1増やす(更新)
この例では、iが0、1、2、3、4と変化しながら、5回繰り返されるようになっているよ。
📌 i++は「1を足す」の省略形
i++は、i = i + 1;を短く書いたものなんだ。「1周ごとにiが1ずつ増えていく」という感覚をつかんでおこう。
─────────────────────
🎯 繰り返しの中でif文を使う

📌 forとifを組み合わせる
for文の中にif文を書くこともできるよ。例えば、1から10までの中から偶数だけを表示したいときはこう書けるんだ。
コード例(JavaScript)
for (let i = 1; i <= 10; i++) {
if (i % 2 === 0) {
console.log(i);
}
}
「%」は割り算の余りを求める記号で、「i % 2 === 0」は「iを2で割った余りが0、つまり偶数」という意味になるよ。
📌 繰り返しと条件分岐は最強のコンビ
forとifを組み合わせられるようになると、「条件に合うものだけを取り出す」「特定の回数だけ処理を止める」など、できることが一気に広がっていくんだ。
─────────────────────
💻 実際に繰り返し処理を書いてみよう

📌 1から10までの合計を計算する
for文とletで作った変数を組み合わせて、1から10までの合計を計算してみよう。
コード例(JavaScript)
let total = 0;
for (let i = 1; i <= 10; i++) {
total = total + i;
}
console.log(total);
totalという変数に、繰り返しのたびにiの値を足していく、という仕組みになっているよ。開発者ツールのConsoleタブで、正しく55と表示されるか確認してみてね。
📌 数値を変えて試してみる
繰り返す回数や、足し算・掛け算などの処理を自分なりに変えてみて、結果がどう変わるかを試してみよう。
─────────────────────
📝 まとめ
for文を使うと、同じような処理を何度も書かずに繰り返し実行できるよ。初期値・継続条件・更新の3つの部分の意味を理解し、if文と組み合わせることで、条件に合うものだけを取り出す処理もできるようになったね。
✅ チェックリスト
☐ for文の基本の書き方(初期値・継続条件・更新)が理解できた
☐ i++の意味がわかった
☐ for文とif文を組み合わせる方法を知った
☐ 実際に合計を計算するプログラムを書いてみた
─────────────────────
今日のfor文で、繰り返し処理の基本は身についたね。
でも実は、繰り返し処理にはfor文以外の書き方や、初心者がやりがちな「ブラウザが固まってしまう」落とし穴もあるんだ。有料エリアでは、
・for文とは違う書き方の「while文」と、実務での使いどころ
・無限ループが起きる原因と、なってしまったときの対処法
・九九の表のようなマス目状のデータを扱う「二重ループ」の考え方
を紹介しているよ。繰り返し処理をもう一歩深く理解して、実務でも使えるレベルに引き上げたい人は、この続きもチェックしてみてね。
「なるほど!」と思ったら、ぜひ「スキ」と「フォロー」もポチッとお願いします!