Day 4:程式的第一步:變數與判斷式

今天要進入程式設計的第一步:認識變數、三大基礎型別,以及最重要的判斷式。這是 13 天轉職甄試衝刺大綱的 Day 4。

📘 課程內容與講義(JavaScript 示範)

1. 變數與三大基礎型別 (8 mins)

變數就像是標有標籤的盒子,用來存放資料。

// 1. Number (數字):用來做數學運算
let totalAmount = 1200;

// 2. String (字串):用單/雙引號包起來的文字
let role = "student";

// 3. Boolean (布林):只有 true (真) 或 false (假)
let isVIP = true;

2. 條件判斷與邏輯運算子 (8 mins)

程式會從上到下檢查條件,第一個成立(true)的區塊會執行,其餘自動跳過。

• &&(AND / 且):兩個條件都要成立。
• ||(OR / 或):只要其中一個條件成立即可。

if (條件一) {
  // 條件一成立時執行
} else if (條件二) {
  // 條件一不成立,但條件二成立時執行
} else {
  // 上述條件都不成立時執行
}

3. 實戰練習解答 (10 mins)

練習 1:滿額折扣

⚠️ 新手陷阱: 條件順序很重要!必須先判斷金額較高的條件(>= 2000),否則 2000 元會先滿足 >= 1000 而誤判為 9 折。

let total = 2500;
let finalPrice = total;

if (total >= 2000) {
  finalPrice = total * 0.85; // 85 折
} else if (total >= 1000) {
  finalPrice = total * 0.9; // 9 折
} else {
  finalPrice = total; // 無折扣
}

console.log(`結帳金額為:${finalPrice} 元`);

練習 2:判斷奇偶數

觀念:取餘數運算子 %,如果 整數 % 2 === 0 代表能被 2 整除,即為偶數。

let number = 7;

if (number % 2 === 0) {
  console.log(`${number} 是偶數`);
} else {
  console.log(`${number} 是奇數`);
}

練習 3:條件表達式寫法

把敘述轉譯為程式碼邏輯。「會員且滿 500 免運」:

let isMember = true;
let amount = 600;

if (isMember && amount >= 500) {
  console.log("符合免運資格!");
}

「學生或老師享有半價優惠」:

let identity = "student"; // 可能是 "student", "teacher", "other"

if (identity === "student" || identity === "teacher") {
  console.log("享有半價優惠!");
}

⚠️ 初學者三大常見錯誤 (4 mins)

1. = 與 === 搞混: = 是賦值(把右邊的值塞給左邊,例如 let x = 5);=== 是比較(檢查兩邊是否相等,例如 if (x === 5))。
2. 條件判斷順序顛倒(如滿額折扣範例)。
3. 字串忘記加引號: let role = student; 會被誤認為是一個叫 student 的變數,正確應為 "student"。