認識 JavaScript (十二)

更新於 發佈於 閱讀時間約 4 分鐘

※ 條件判斷語法

決策中需要處理分歧的狀況,就會用到「if」、「else if」、「else」。

語法結構:

  • 條件式使用小括號(),裡面放判斷式。
  • 要執行的程式碼放在大括號{}裡。
  • 條件式只會有 true 或 false 兩種結果。
raw-image

常用的比較運算子:

  • > 大於
  • < 小於
  • === 等於
  • >= 大於等於
  • <= 小於等於
  • !== 不等於

※ 條件式怎麼寫?

let milkTeaPrice = 55
let blackTeaPrice = 35
let budget = 50

if (budget >= milkTeaPrice) {
budget = budget - milkTeaPrice
console.log('立即買杯奶茶!')
} else if (budget >= blackTeaPrice ) {
budget = budget - blackTeaPrice
console.log('改買一杯樸實的紅茶吧!')
} else {
console.log('無奈地離開!')
}

console.log(`錢包剩下${budget}`)

※ 流程解說:

raw-image


※ 合併條件判斷

常用的邏輯運算子:

  • &&:代表「而且」,例如 a > 3 && a < 5,前後兩組條件都要成立,才會回傳 true。
raw-image

&&的用法:

  1. true && true => true
  2. true && false => false
  3. false && true => false
  4. false && false => false
  5. false && false => false

基於電腦為了提高執行效率避免不必要的運算,只要有一個條件為 false,整個判斷式的結果就已經確定為 false因此複雜的判斷式要放在&&後頭

if (簡單的判斷式 && 複雜的判斷式 ) {

}
  • ||:代表「或」,例如 a > 3 || a < 5,只要有一組成立就回傳 true。

||的用法:

  1. true || true => true
  2. true || false => true
  3. false || true => true
  4. false || false => false

基於電腦為了提高執行效率避免不必要的運算,只要有一個條件為 false,整個判斷式的結果就已經確定為 false因此複雜的判斷式要放在 ||後頭

if (簡單的判斷式 || 複雜的判斷式 ) {

}
  • !:代表「非」,假設 a > 3 是 true,那麼 !(a > 3) 就會是 false。

※ 分數判斷例子

// A:分數90分以上(包含90分)
// B:分數80分以上(且不到90分)
// C:分數70分以上
// D:分數60分以上
// F:分數不到60分
// -:分數不是0 - 100分
// 滿足erro first原則

const score = 98 //自行調整參數
if (score < 0 || score > 100) {
console.log('-')
} else if (score >= 90 ) {
console.log('A')
} else if (score >= 80) {
console.log('B')
} else if (score >= 70) {
console.log('C')
} else if (score >= 60) {
console.log('D')
} else {
console.log('F')
}


raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
奧莉薇走在成為後端工程師之路上
18會員
137內容數
全端網頁開發專業知識分享
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
Thumbnail
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
Thumbnail
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
Thumbnail
在本章節中,我們將學習JavaScript的基本語法,包括如何註解代碼和如何聲明變數。瞭解這些基礎知識對於進一步學習和使用JavaScript來編寫代碼是非常重要的。
Thumbnail
Python語法包括條件語句、迴圈、函數和變數的使用。條件語句如if、elif和else用於進行條件判斷,for和while是兩種主要的迴圈,def用於定義函數。變數可以被賦予數字或字符串,並可使用類型提示來指定變數的類型。註解可以是單行或多行,並可用於解釋函數或類的用途和作用。
Thumbnail
Python語法包括條件語句、迴圈、函數和變數的使用。條件語句如if、elif和else用於進行條件判斷,for和while是兩種主要的迴圈,def用於定義函數。變數可以被賦予數字或字符串,並可使用類型提示來指定變數的類型。註解可以是單行或多行,並可用於解釋函數或類的用途和作用。
Thumbnail
邏輯運算子 它們在許多情境下都是程式語言中重要的工具,用於進行條件判斷和控制流程 在日常中總會遇到有些需要思考判斷的問題,比如要買東西,就會考慮到CP值,東西要好且要便宜,就是and的概念,如果在一些比較複雜的狀況,例如想晚餐吃什麼,就會想火鍋或燒烤都行,這就是or的概念。
Thumbnail
邏輯運算子 它們在許多情境下都是程式語言中重要的工具,用於進行條件判斷和控制流程 在日常中總會遇到有些需要思考判斷的問題,比如要買東西,就會考慮到CP值,東西要好且要便宜,就是and的概念,如果在一些比較複雜的狀況,例如想晚餐吃什麼,就會想火鍋或燒烤都行,這就是or的概念。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News