TypeScript - Do While Loop: A Beginner's Guide

你好啊，未來的編程超級明星！今天，我們將要深入TypeScript的精彩世界，並探討其一個基本概念：do...while循環。別擔心你對編程還是新手；我會一步步分解，就像我過去幾年來對無數學生做的那樣。所以，拿起你喜歡的飲料，舒適地坐好，讓我們一起踏上這次編程冒險吧！

TypeScript - Do While Loop

What is a Do...While Loop?

在我們深入細節之前，讓我們先了解do...while循環是什麼。想像你是一位廚師（請耐心聽我說，我保證這個比喻會有意義）。你有一個食譜，上面寫著："攪拌湯並品嚐它。如果它不夠鹹，加更多鹽並重複。" 這正是編程中do...while循環所做的事——它執行一個動作，檢查一個條件，然後在需要時重複。

Syntax: The Recipe for Our Loop

現在，讓我們看看TypeScript中do...while循環的語法。它就像我們食譜的結構：

do {
// 要執行的代碼
} while (condition);

這裡是每部分的意思：

do：這是我們開始循環的地方。
{ }：在這些大括號內，我們放置我們想要重複的代碼。
while：在我們的代碼塊後，我們使用這個關鍵字。
(condition)：這是我們的檢查。如果它為真，我們回到循環的開始。
;：别忘了最後的這個分號！

Flowchart: The Path of Execution

為了直觀地了解do...while循環是如何工作的，讓我們看一個流程圖：

┌─────────────┐
│   開始     │
└─────┬───────┘
│
▼
┌─────────────┐
│ 執行       │
│ 代碼塊     │
└─────┬───────┘
│
▼
┌─────────────┐     是
│ 條件       ├────────┐
│   為真？    │        │
└─────┬───────┘        │
│ 否             │
▼                │
┌─────────────┐        │
│    結束      │        │
└─────────────┘        │
│
└─────────────────────┘

這個流程圖顯示循環中的代碼總是至少執行一次，然後才檢查條件。

Example: Let's Cook Up Some Code!

現在，讓我們通過一個有趣的例子來看看do...while循環是如何工作的。我們將創建一個簡單的數字猜謎遊戲：

let secretNumber: number = 7; // 我們的秘密度
let guess: number;
let attempts: number = 0;

do {
guess = Number(prompt("猜一個1到10之間的數字:")); // 請求猜測
attempts++; // 增加嘗試次數

if (guess < secretNumber) {
console.log("太低了！再試一次。");
} else if (guess > secretNumber) {
console.log("太高了！再試一次。");
}
} while (guess !== secretNumber);

console.log(`恭喜你！你在${attempts}次嘗試中猜到了數字。`);

讓我們分解這個例子：