whileとdo…while | while | JavaScript 超完全入門 基本から発展までのすべて

whileとは？

whileは、JavaScriptにおけるループ処理の一種で、条件がtrueである間、指定されたコードブロックを繰り返し実行します。条件が最初からfalseの場合は、ループが一度も実行されないこともあります。

whileの基本構造

whileの基本的な構造は以下のようになります。

while (条件) {
    // 繰り返し実行するコード
}

この構造では、条件がtrueである間、ブロック内のコードが繰り返し実行されます。条件がfalseになった時点でループは終了します。

whileの使用例

次に、whileを使った基本的なループの例を見てみましょう。

let count = 0;

while (count < 5) {
    console.log(count);
    count++;
}

この例では、countが5未満である間、console.logでカウント値を出力し、countをインクリメント（+1）しています。結果として、0から4までが出力されます。

do…whileとは？

do…whileは、whileと似ていますが、少なくとも一度は必ずループが実行されるという点が異なります。最初にループのコードを実行し、その後で条件をチェックします。

do…whileの基本構造

do…whileは次のような構造で使用します。

do {
    // 少なくとも1回は実行されるコード
} while (条件);

この構造では、まずブロック内のコードが1回実行され、その後で条件がチェックされます。条件がtrueであれば再びブロックが実行され、条件がfalseになった時点でループが終了します。

do…whileの使用例

次に、do…whileを使った基本的なループの例を見てみましょう。

let count = 0;

do {
    console.log(count);
    count++;
} while (count < 5);

この例では、countが5未満の間ループが実行され、0から4までが出力されます。do...whileでは、条件がfalseでも少なくとも1回はコードが実行されます。

whileとdo…whileの違い

whileとdo…whileの主な違いは、ループの実行タイミングです。

まとめ

JavaScriptにおけるwhileとdo...whileは、条件がtrueである間にコードを繰り返し実行するためのループ構です。whileは、条件がtrueであればループが実行されますが、do...whileは、少なくとも1回はループが実行される点で異なります。それぞれの特性を理解し、適切に使い分けることが重要です。