DIV CSS 佈局教程網

JavaScript對程序流程的控制跟其他編程語言是一樣的，主要有3種：

• （1）順序結構
• （2）選擇結構
• （3）循環結構

下面我們先來簡單介紹一下。

一、順序結構

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

圖1 順序結構

舉例：

 
var str_1=" 學習網";
var str_2="JavaScript入門教程";
var str_3=str_1+str_2;

大家看到上面這段代碼，稍微想一下就知道什麼叫“順序結構”了。

二、選擇結構

選擇結構是按照給定的邏輯條件來決定執行的順序，有單向選擇、雙向選擇和多向選擇之分，但是程序在執行過程中都只是執行其中的一條分支。

圖2 選擇結構

上圖中的左邊是“單向選擇結構”，右邊是“雙向選擇結構”。

這樣的流程圖，大家看著都很熟悉吧。這些都是我們高中學過的小知識。雖然高中離我已經很遙遠~~

三、循環結構

循環結構即根據代碼的邏輯條件來判斷是否重復執行某一段程序。若邏輯條件為true，則進入循環重復執行；若邏輯條件為false，則退出循環。

圖3 循環結構

同樣是熟悉的知識，不解釋~~

一般而言，在JavaScript中，程序總體是按照順序結構執行的，但是在順序結構可以包含選擇結構和循環結構。

在接下來的章節，我們一一給大家詳細介紹這3種JavaScript結構。