iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0
Modern Web

Modern Web學習札記:初學者的探索系列 第 18

Day 18:條件判斷——教網頁像人一樣做選擇

  • 分享至 

  • xImage
  •  

在前一章中,我學到「變數與資料型別」的概念,知道如何用變數來儲存資料、讓網頁能夠記住資訊。接著進入 Day 18,我學到更進一步的內容——「條件判斷」。有了變數之後,我們就能根據這些資料做出不同的決定,也就是讓網頁能「自己思考」並做出選擇。

條件判斷(if / else)是讓程式依據不同情況,執行不同動作的關鍵。就像生活中我們會說:「如果下雨,就帶雨傘;如果出太陽,就戴墨鏡。」這樣的邏輯在 JavaScript 中也能實現,讓網頁能根據狀況自動反應。

範例如下:

let score = 85;
if (score >= 60) {
  console.log("及格!");
} else {
  console.log("要加油!");
}

這段程式會依照分數的高低輸出不同結果,模擬出人類的判斷思維。

此外,也有更簡潔的寫法——三元運算子:

let weather = "sunny";
(weather === "rainy") ? console.log("記得帶傘") : console.log("今天好天氣!");

這種語法雖然簡短,但功能一樣完整,非常適合用在簡單條件的情境。

學習心得:
我覺得條件判斷就像是讓網頁擁有「邏輯思考」的能力,能根據不同輸入改變反應。透過這章的學習,我更明白變數、資料型別與條件判斷三者之間的關聯:變數提供資料、型別定義資料性質,而條件判斷則讓資料能被分析與應用。未來在做互動網頁或表單驗證時,這些概念一定會是重要的基礎。


上一篇
Day 17:變數與資料型別—程式裡的小倉庫管理員
下一篇
Day 19:迴圈:重複動作的好幫手
系列文
Modern Web學習札記:初學者的探索20
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言