TypeScript - ワイルループ：入門ガイド
こんにちは、未来のプログラマーさんたち！今日は、プログラミングの基本概念の一つであるワイルループについて深く掘り下げます。あなたの近所の親切なコンピュータ教師として、この旅をガイドするのが楽しみです。コードを書くのが初めてで心配していますか？心配しないでください。基本から始めて、少しずつ進んでいきます。コーヒー（またはお気に入りの飲み物）を手に取り、ループを始めましょう！
ワイルループとは？
本題に入る前に、まずワイルループとは何かを理解しましょう。例えば、サイコロを振り続けて6がでるまでのゲームを想象してください。何回振る必要があるかを事前に知ることはできませんよね？これがまさにプログラミングでワイルループが役に立つ場面です！
ワイルループは、特定の条件が真の間はコードのブロックを繰り返し実行するのを許可します。まるでコンピュータに「これを続けて、止めるまでやめて」と言っているようなものです！
文法
さて、TypeScriptにおけるワイルループの文法を見てみましょう：
while (condition) {
// 実行されるコード
}これはすごくシンプルですね。それぞれの部分が何を意味するか説明します：
-
while：このキーワードはTypeScriptにワイルループを開始することを伝えます。 -
condition：これは各イテレーション前にチェックされるブール表現です。これが真の場合、ループは続きます。偽の場合、ループは停止します。 -
{ }：このカッコ内には、条件が真の間に繰り返し実行されるコードが含まれます。
フローチャート
ワイルループがどのように動作するかをより理解するために、フローチャートを見てみましょう：
┌─────────────┐
│ 開始 │
└─────┬───────┘
│
▼
┌─────────────────┐
│ 条件をチェック │◄─────┐
└─────────┬───────┘ │
│ │
▼ │
┌────────┐ │
┌────│ 真 │ │
│ └────┬───┘ │
│ │ │
│ ▼ │
│ ┌─────────────┐ │
│ │ コード実行 │ │
│ └─────────────┘ │
│ │ │
│ └──────────────┘
│
│ ┌────────┐
└────► 偽 │
└────┬───┘
│
▼
┌─────────────┐
│ 終了 │
└─────────────┘この図は、ワイルループが条件を繰り返しチェックし、条件が偽になるまでコードブロックを実行する方法を示しています。
例：ワイルループ
実際の例を見てみましょう。5から1までのカウントダウンをプログラムします：
let countdown: number = 5;
while (countdown > 0) {
console.log(countdown);
countdown--;
}
console.log("blast off!");これを分解します：
-
countdownという変数を宣言し、5に設定します。 - ワイルループは
countdownが0より大きいかどうかをチェックします。 - もしそれが真の場合、現在の
countdown値をプリントします。 - そして、
countdownを1減らします。 - このプロセスは
countdownが0より大きい間繰り返されます。 - 最後に、ループが終了すると「blast off!」をプリントします。
このコードを実行すると以下のようになります：
5
4
3
2
1
blast off!これってすごくないですか？自分で小さなロケットのカウントダウンを作成したようなものです！
ワイルループとブレイクステートメント
時には、特定の条件に基づいてループを早期に終了したい場合があります。その場合、breakステートメントが役立ちます。まるでループに緊急出口があるようなものです！
カウントダウンの例を修正してみましょう：
let countdown: number = 10;
while (countdown > 0) {
console.log(countdown);
countdown--;
if (countdown === 5) {
console.log("We're halfway there!");
break;
}
}
console.log("Countdown interrupted!");この例では、10からカウントダウンを始め、5に達するとループを中断します。出力は以下のようになります：
10
9
8
7
6
5
We're halfway there!
Countdown interrupted!breakステートメントは、特定の条件を満たすとループを早期に終了するのを許可します。
ワイルループとフォーループ
さて、あなたはおそらく「なぜフォーループを使わないの？」と思っているかもしれません。素晴らしい質問です！比較してみましょう：
| ワイルループ | フォーループ |
|---|---|
| イテレーションの数が不明な場合に使用 | イテレーションの数が分っている場合に使用 |
| 各イテレーションの始めに条件をチェック | 初始化、条件、更新をすべて1行にまとめています |
| 無限ループを簡単に作成できる | 有限ループに通常使用されます |
| より柔軟な構造 | よりコンパクトな構造 |
以下に簡単な例を示します：
// ワイルループ
let i: number = 0;
while (i < 5) {
console.log(i);
i++;
}
// 等価なフォーループ
for (let j: number = 0; j < 5; j++) {
console.log(j);
}どちらのループも0から4までの数字をプリントします。ワイルループはループ変数（i）をループ本体内でより複雑に修正する場合に柔軟です。一方、フォーループはイテレーションの回数が正確に分っている場合に簡潔です。
結論
そして、ここまでで、TypeScriptのワイルループの世界を旅しました。基本構文からブレイクステートメントやフォーループとの比較まで、ワイルループを効果的に使うための知識を身につけました。
覚えておいてください、プログラミングは自転車に乗るのと同じです。最初は揺れ動くかもしれませんが、練習すればすぐにスムーズに進むようになります！ワイルループを自分のプロジェクトで実験してみてください。当てゲームを作成するか、特定の金額に達するまでの複利を計算するプログラムを作成してみてください。
ハッピーコーディング、そしてループはいつも正常に終了しますように！
Credits: Image by storyset