好程式設計師web前端培訓分享JavaScript學習筆記分支結構

　　好程式設計師web 前端培訓分享 JavaScript 學習筆記分支結構， 我們的 js 程式碼都是順序執行的（從上到下）

　　 邏輯分支就是根據我們設定好的條件來決定要不要執行某些程式碼

IF 條件分支結構

if 語句

·  透過一個 if 語句來決定程式碼執行與否a

·  語法：  if (條件) { 要執行的程式碼 }

·  透過  ()  裡面的條件是否成立來決定  {}  裡面的程式碼是否執行

// 條件為 true 的時候執行 {} 裡面的程式碼 if   ( true )   {

  alert( '因為條件是 true，我會執行' )} // 條件為 false 的時候不執行 {} 裡面的程式碼 if   ( false )   {

  alert( '因為條件是 false，我不會執行' )      }

if else 語句

·  透過 if 條件來決定，執行哪一個  {}  裡面的程式碼

·  語法：  if (條件) { 條件為 true 的時候執行 } else { 條件為 false 的時候執行 }

·  兩個  {}  內的程式碼一定有一個會執行

// 條件為 true 的時候，會執行 if 後面的 {} if   ( true )   {

  alert( '因為條件是 true，我會執行' )}   else   {

  alert( '因為條件是 true，我不會執行' )} // 條件為 false 的時候，會執行 else 後面的 {} if   ( false )   {

  alert( '因為條件為 false，我不會執行' )}   else   {

  alert( '因為條件為 false，我會執行' )}

if else if ... 語句

·  可以透過 if 和 else if 來設定多個條件進行判斷

·  語法： if (條件1) { 條件1為 true 的時候執行 } else if (條件2) { 條件2為 true 的時候執行 }

·  會從頭開始依次判斷條件

·  如果第一個條件為 true 了，那麼就會執行後面的  {}  裡面的內容

·  如果第一個條件為 false，那麼就會判斷第二個條件，依次類推

 

·  多個  {}  ，只會有一個被執行，一旦有一個條件為 true 了，後面的就不在判斷了

// 第一個條件為 true，第二個條件為 false，最終會列印 “我是程式碼段1” if   ( true )   {

alert( '我是程式碼段1' )}   else   if   ( false )   {

alert( '我是程式碼段2' )} // 第一個條件為 true，第二個條件為 true，最終會列印 “我是程式碼段1”// 因為只要前面有一個條件滿足了，就不會繼續判斷了 if   ( true )   {

alert( '我是程式碼段1' )}   else   if   ( true )   {

alert( '我是程式碼段2' )} // 第一個條件為 false，第二個條件為 true，最終會列印 “我是程式碼段2”// 只有前一個條件為 false 的時候才會繼續向後判斷 if   ( false )   {

alert( '我是程式碼段1' )}   else   if   ( true )   {

alert( '我是程式碼段2' )} // 第一個條件為 false，第二個條件為 false，最終什麼也不會發生// 因為當所有條件都為 false 的時候，兩個 {} 裡面的程式碼都不會執行 if   ( false )   {

alert( '我是程式碼段1' )}   else   if   ( false )   {

alert( '我是程式碼段2' )}

if else if … else 語句

·  和之前的  if else if ...  基本一致，只不過是在所有條件都不滿足的時候，執行最後 else 後面的  {}

// 第一個條件為 false，第二個條件為 false，最終會列印 “我是程式碼段3”// 只有前面所有的條件都不滿足的時候會執行 else 後面的 {} 裡面的程式碼// 只要前面有一個條件滿足了，那麼後面的就都不會執行了 if   ( false )   {

alert( '我是程式碼段1' )}   else   if   ( false )   {

alert( '我是程式碼段2' )}   else   {

alert( '我是程式碼段3' )}

SWITCH 條件分支結構

·  也是條件判斷語句的一種

·  是對於某一個變數的判斷

·  語法：

switch   (要判斷的變數)   {

case   情況1 :

情況1要執行的程式碼

break

case   情況2 :

情況2要執行的程式碼

break

case   情況3 :

情況3要執行的程式碼

break

default:

上述情況都不滿足的時候執行的程式碼}

·  要判斷某一個變數 等於 某一個值得時候使用

 

·  例子 ： 根據變數給出的數字顯示是星期幾

var   week   =   1 switch   (week)   {

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   7 :

alert( '星期日' )

break

default:

alert( '請輸入一個 1 ～ 7 之間的數字' )}

三元運算（擴充套件）

·  三元運算，就是用  兩個符號  組成一個語句

·  三元運算只是對  if else  語句的一個簡寫形式

·  語法：  條件 ? 條件為 true 的時候執行 : 條件為 false 的時候執行

var   age   =   18 ;age   >=   18   ?   alert( '已經成年' )   :   alert( '沒有成年' )