1. 程式人生 > >JavaScript的流程語句和迴圈結構

JavaScript的流程語句和迴圈結構

JavaScript 流程語句

JavaScript對程式流程的控制跟其他程式語言是一樣的,主要有3種:

順序結構

順序結構是JavaScript中最基本的結構,就是按照從上到下、從左到右的順序執行。

選擇結構

選擇結構又分為三種

單向選擇

if語句(單向選擇)
if(條件){語句體};

其中“條件語句”可以是任何一種邏輯表示式,如果“條件語句”的返回結果為true,則程式先執行大括號{}”中的“執行語句”,然後接著執行if後面的其他語句。如果“條件語句”的返回結果為false,則程式跳過“{}”的“執行語句”,直接執行程式後面的其他語句.
在這裡插入圖片描述

雙向選擇

if……else語句(雙向選擇)

if(條件){執行體}else{執行體}

在這裡插入圖片描述

多項選擇

if……else if語句(多向選擇)

當前一個條件為真時,後面的將不會在執行
		if(條件1){語句1}else if(條件2){語句2}...
//			if(條件1){
//				語句1
//			}else if(條件2){
//				語句2
//			}else if(條件3){
//				語句3
//			}else{
//				當此上條件都為假時,則執行的語句體
//			}

在這裡插入圖片描述

拓展(日期物件date)

在這裡插入圖片描述

if語句的巢狀

if語句可以巢狀使用,當if語句的從句部分(大括號中的部分)是另外一個完整的if語句時,外層if語句的從句部分的{}可以省略。但是,在使用if語句的巢狀應用時,最好使用{}來確定相互的層次關係。否則,由於大括號{}使用位置不同,可能導致程式程式碼的含義完全不同,從而輸出不同的結果。

if(條件1){
	if(條件2){
		語句
        }
    }

在這裡插入圖片描述

switch語句

switch語句用於將一個表示式同多個值進行比較,並根據比較結果選擇執行語句。

說明:

case語句相當於標記一個位置,程式會根據switch條件表示式的結果,直接跳轉到第一個匹配的位置,然後開始順序執行後面的所有程式程式碼,包括後面的其他case語句下的程式碼,直到碰到break語句或函式返回語句為止。default語句是可選的,當其他所有的case語句定義的值都不滿足時,就執行default後面的語句塊。

switch (表示式){
		case 取值1:
			語塊1
; break; case 取值2: 語塊2; break; default: 語塊 break; }

在這裡插入圖片描述

迴圈結構

迴圈結構即根據程式碼的邏輯條件來判斷是否重複執行某一段程式。若邏輯條件為true,則進入迴圈重複執行;若邏輯條件為false,則退出迴圈。

迴圈結構語句主要包括3種:

while語句

while語句是條件判斷語句,也是迴圈語句。

while(邏輯條件){		//小括號中寫邏輯條件,這個條件作為最終退出迴圈的條件
		迴圈體
	}

說明:

當“條件表示式語句”的返回值為true時,就會執行大括號“{}”中的語句塊,當執行完大括號“{}”的語句塊後,再次檢測條件表示式的返回值,如果返回值還為true,則重複執行大括號“{}”中的語句塊,直到返回值為false時,才結束整個迴圈過程,接著往下執行while程式碼段後面的程式程式碼。
在這裡插入圖片描述

do……while語句

“do…while語句”跟while語句是非常類似的,唯一的區別在於:while語句先判斷是否符合條件,然後再執行迴圈體語句;do…while語句先執行迴圈體語句一次,然後再判斷是否符合條件。

do{
		執行語句塊(迴圈體)
	}while(最終退出迴圈體)		//條件不成立,都會執行一次迴圈體
	//首先程式先執行的是迴圈的碼塊,其次才判斷while中的條件

說明:

do…while語句是先無條件執行迴圈體一次再判斷是否符合條件的,如果符合條件,則重複執行迴圈體,如果不符合條件,則退出迴圈。do…while語句結尾處的while條件語句的括號後有一個分號“;”,該分號一定不能省略.
在這裡插入圖片描述

2018年11月27日23:34:41