2025.12.28

【JavaScript】繰り返し・ループとは?（while・for）

takahide

おはようございます。タカヒデです。

本日は、「JavaScriptにおける、繰り返し・ループ（while・for）」を紹介します。

こんな人にオススメ

ぜひ本記事を参考にしてください。

Contents

繰り返し・ループとは

繰り返し・ループとは、指定された処理を何度も繰り返すことです。

具体的には、「●●の条件に合致する限り、○○の処理を繰り返す」という表現をするための命令を指します。

例を見ていきましょう。
「資料承認が下りない限り、資料を直し続ける」
という私が日々頭を悩まし続けている業務も、この繰り返しにより表現することができます。

この繰り返し・ループは、『while文』『for文』を使用して命令します。

与えられた条件式が「真（true）」である間、繰り返し処理を実行します。

while(条件式){
 条件式が「真」の場合に実行する命令
}

while(条件式){
 条件式が「真」の場合に実行する命令
}

以下は記載例です。

let i = 1;

while (i <= 5) {
  console.log("i:" + i);
  i++;
}

//実行結果：i:1,i:2,i:3,i:4,i:5

let i = 1;

while (i <= 5) {
  console.log("i:" + i);
  i++;
}

//実行結果：i:1,i:2,i:3,i:4,i:5

上記例において、iの値が5以下である限り『console.logの表示』『iに1を加算』という命令を繰り返しています。

もし、『iに1を加算』という命令を記載しなかった場合、永遠に「iの値が5以下」という条件に当てはまってしまい、無限ループに入ってしまいます。

無限ループになるとフリーズの原因にもなるため、ループが正しく終了するか確認するようにしましょう。

続いて、指定された回数処理を繰り返す場合には『for文』を使用します。

具体的には、「初期化式が条件式に合致する限り命令を実施後、増減式を実行」という表現をするための命令を指します。

for(初期化式 ; 条件式 ; 増減式){
 条件式が「真」の場合に実行する命令
}

for(初期化式 ; 条件式 ; 増減式){
 条件式が「真」の場合に実行する命令
}

以下は記載例です。

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

//実行結果：i:1,i:2,i:3,i:4,i:5

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

//実行結果：i:1,i:2,i:3,i:4,i:5

上記例において、「初期化式：i」の値が「条件式：5以下」である限り『console.logの表示』を実施後、『iに1を加算』という命令を繰り返し実行しています。

以上が「JavaScriptにおける、繰り返し・ループ（while・for）」でした。

まとめ

この記事が誰かの参考になれば幸いです。

お疲れさまでした。

ABOUT ME