JavaScriptのwhileループとは？基本構文と動作例をわかりやすく解説
whileループは、指定した条件式がtrue（真）である限り、特定の文やコードブロックを繰り返し実行するための制御構造です。条件式がfalse（偽）に評価された瞬間に、ループは終了し、その後の処理へと進みます。
whileループの基本構文
while (条件式) {
// 繰り返し実行したい処理
}
whileループは、まず最初に条件式を評価します。条件がtrueであればブロック内の処理を実行し、再び条件式に戻って評価を行います。この流れを図にすると以下のようになります。
サンプルコード
実際に簡単な例を見てみましょう。変数 i をカウンターとして使い、5回「Hello」を出力するプログラムです。
let i = 0;
while (i < 5) {
console.log("Hello");
i = i + 1;
}
実行結果
このコードを実行すると、次のような出力が得られます。
Hello Hello Hello Hello Hello
処理の流れを解説
- 変数
iが0で初期化されます。 - 条件式
i < 5が評価され、true の間はブロック内の処理が実行されます。 - 各ループの最後で
i = i + 1;によってカウンターが1ずつ増加します。 iが5になった時点で条件式が false となり、ループが終了します。
注意点：無限ループに気をつけよう
ループ内で必ず条件式の結果が変化するようにしましょう。上記の例のようにカウンターを更新しないと、条件式がずっと true のままになり、プログラムが終了しない無限ループに陥ってしまう可能性があります。
-
JavaScriptのdo…whileループとは？特徴と使い方をわかりやすく解説
do…whileループとはJavaScriptのdo...whileループは、whileループとよく似ていますが、決定的な違いがひとつあります。それは、条件判定がループ処理の後（末尾）で行われるという点です。この仕組みにより、条件式が最初からfalseであったとしても、ループ内の処理は必ず最低1回は実行されます。「少なくとも1回は処理を行いたい」というケースに適した制御構文です。whileとの違いを整理すると通常のwhileループは「まず条件を評価し、trueなら処理を実行する」という順序です。そのため条件がfalseの場合、処理は一度も実行されません。一方、do...whileループは「まず
-
JavaScriptで配列をループ処理する方法まとめ｜for文・while文・do…while文の使い方
JavaScriptには、配列をループ処理するためのさまざまな方法が用意されています。それぞれの特徴を理解して使い分けることで、より効率的で読みやすいコードを書くことができます。本記事では、代表的なループ構文の基本と実行例をわかりやすく解説します。 JavaScriptのforループ まずは基本となるforループから見ていきましょう。JavaScriptのforループには主に2つの形式があります。1つ目は「初期化式・条件式・更新式」を指定する形式です。最初に初期化ステートメントを実行し、各イテレーションのたびに更新式を実行してから条件式を評価します。条件がtrueである限り、ループは繰り返され