メインコンテンツへスキップ
見出し画像

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文」と、実務での使いどころ
    ・無限ループが起きる原因と、なってしまったときの対処法
    ・九九の表のようなマス目状のデータを扱う「二重ループ」の考え方

    を紹介しているよ。繰り返し処理をもう一歩深く理解して、実務でも使えるレベルに引き上げたい人は、この続きもチェックしてみてね。

    「なるほど!」と思ったら、ぜひ「スキ」と「フォロー」もポチッとお願いします!

     
     
    興味を持ったことを実際に試し、役立つ情報として発信しています。皆さんの仕事や暮らしに役立つように頑張ります。

    あなたへのおすすめ