程式的三大結構：

1. 順序結構

2. 選擇結構

3. 迴圈結構

if(){}判斷語句

if(true){

// 執行該語句

}

if(false){

// 跳過該語句

}

if(ture){ // 當if括號中結果為true時執行語句1，否則執行語句2

// 語句1

}else{

// 語句2

}

if()括號中的東西我們通常叫它 邏輯點。

一個奇葩問題

if( //在這個括號裡會發生各種各樣奇奇怪怪的事情 )

if(1){

alert('看我彈出來給你看')

}

感覺怪怪的：

1.if括號裡填什麼來著？？？

2.1是true麼？

為什麼會發生這樣的事情那？在一些特定情況下，計算機會進行隱式型別轉換。他和強制型別轉換（Number）不一樣，他不需要你做些什麼，會自動對資料型別進行轉換。

在運算中，和if（括號中），會發生隱式型別轉換。

1.運算中的隱式型別轉換：

var a='1' ,b=2;

a+b=???

+運算子有兩種含義，第一層含義是數學中的+運算，第二層含義是字串拼接，優先運算字串拼接，所以在檢測到加好左右兩邊存在字串的時候，會將運算子左右兩邊的數字都轉換成字串再進行運算。

a-b=？？？

除了+運算子具有兩層含義以外，- * /只有數學意義，所以當進行- * /運算的時候預設會將運算子兩側的資料型別隱式轉換為數字型別，再進行運算。

2.if(括號中的)隱式型別轉換。

我們都知道，if括號中只需要布林型別值。那麼在if判斷中，所有的資料型別都會被隱式轉換為布林型別。

if( 非零數字都被轉換成ture、非空字串都轉換成true )，存在兩條基礎規則，其餘規則在今後學習中慢慢發掘。

alert(1==true);// true

switch()；

switch(語句){

case 0:alert(1);

break;

case 2:alert(2);

case 3:alert(3);

default:alert(10)

}

案例：成績判定。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

var achievement = 30; //成績;

var passNum = 60; //及格分數線;

if (achievement >= passNum) {

alert('成績合格')

} else {

alert('成績不合格')

}

</script>

</html>

案例：顯示星期幾。

<!DOCTYPE html>

<html>

<head>

//假設每個月的第一天是星期一，寫一個程式算出當月日期是星期幾;

var day=33;//幾號

if(day>=31||day<=0){

alert('星期八')

}else{

var nDsay=day%7;

switch(nDsay){

case 1:alert('星期一');

break;

case 2:alert('星期二');

break;

case 3:alert('星期三');

break;

case 4:alert('星期四');

break;

case 5:alert('星期五');

break;

case 6:alert('週六了好好嗨皮一下吧');

break;

case 0:alert('週末了好好嗨皮一下吧');

break;

default:alert('不可能彈出來');

}

</script>

</head>

<body>

</body>

</html>

注意switch的應用場景（有多個確定值需要判斷的時候）；

注意case穿透，要加break語句（如果程式沒有發現break語句，那麼解析器會繼續向下解析）;

好程式設計師Web前端分享程式的三大結構（一）

相關文章