iT邦幫忙

2025 iThome 鐵人賽

DAY 12
0
Modern Web

Modern Web:從基礎、框架到前端學習系列 第 12

Day 12:JavaScript 運算子與條件判斷

  • 分享至 

  • xImage
  •  

1. 運算子 (Operators)

算術運算子

let a = 10;
let b = 3;

console.log(a + b); // 13,加
console.log(a - b); // 7,減
console.log(a * b); // 30,乘
console.log(a / b); // 3.3333,除
console.log(a % b); // 1,取餘數
console.log(a ** b); // 1000,次方

指派運算子

let x = 5;
x += 2; // 等同於 x = x + 2
x -= 1;
x *= 3;
x /= 2;

比較運算子

console.log(5 > 3);   // true
console.log(5 < 3);   // false
console.log(5 >= 5);  // true
console.log(5 == "5");  // true(值相等,型別不管)
console.log(5 === "5"); // false(值與型別都要相等)
console.log(5 != 3);   // true
console.log(5 !== "5"); // true

邏輯運算子

let isLogin = true;
let isAdmin = false;

console.log(isLogin && isAdmin); // AND → false
console.log(isLogin || isAdmin); // OR → true
console.log(!isLogin);           // NOT → false

2. 條件判斷 (if / else if / else)

let score = 85;

if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else if (score >= 70) {
  console.log("C");
} else {
  console.log("D");
}

3. 三元運算子 (簡寫 if)

let age = 20;
let result = (age >= 18) ? "成年" : "未成年";
console.log(result); // 成年

小練習 💡

  1. 輸入一個數字,判斷它是偶數或奇數
  2. 建立一個變數 score,判斷成績等級(A, B, C, D)。
  3. 用三元運算子判斷 age 是否可以開車(假設 18 歲以上可開車)。

👉 明天(Day 13),我們會進入JavaScript 迴圈 (Loops) 與迭代,讓程式能「重複執行」。


上一篇
Day 11:JavaScript 入門 — 變數與資料型態
下一篇
Day 13:JavaScript 迴圈 (Loops) 與迭代
系列文
Modern Web:從基礎、框架到前端學習15
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言