iT邦幫忙

2025 iThome 鐵人賽

DAY 28
0
Modern Web

從骨架到靈魂:網頁構成三部曲系列 第 28

Day - 28 條件控制if

  • 分享至 

  • xImage
  •  

1.流程控制概論

程式的執行基本上是循序漸進的,由上而下一行一行地執行。但是有時內容會因為判斷或是設定條件來執行不同的內容。在 JavaScript 中,流程控制的指令主要分為兩大類:條件控制與迴圈控制,今天先介紹條件控制

條件控制:根據條件式的判斷結果(例如 a > 0 是否為真),來決定要執行哪一段程式碼。常見的指令有 if, if/else

2.if 單向選擇條件控制

if 是最單純的條件控制結構。它的概念是「如果 (if) 某個條件成立,就執行這件事」。如果條件不成立,那麽 if 區塊內的程式碼就會被跳過,不執行。

語法格式:
if(條件式)執行的程式;

3.if雙向選擇條件控制

如果是多行程式碼,則必須使用大括號 {} 包起來:

if (條件式) {
  條件成立會執行的程式;
 }else{
  條件不成立則會執行這段程式;
}

4.範例

這個範例會跳出一個視窗請你輸入數字。如果輸入的數字大於 0,它會告訴你「您輸入的值是正數」。如果輸入的是 0 或負數,則什麼事都不會發生。

var a = Number(prompt("請輸入數字", "0"));

if (a > 0) {
  document.write("您輸入的值是正數");
} else {
  document.write("您輸入的值不是正數");
}

上一篇
Day - 27 JavaScript 外部檔案引用與註解使用
下一篇
Day - 29 迴圈控制(for & while)
系列文
從骨架到靈魂:網頁構成三部曲29
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言