[TOC]
>[info]流程:就是程序代碼的執行順序,流程控制:通過規定的語句讓程序代碼有條件的執行,改變程序運行順序。
1. 順序結構:按照書寫順序來執行,是程序中最基本的流程結構。
2. 選擇結構(分支結構、條件結構):根據給定的條件有選擇的執行相應的語句
3. 循環結構:在給定的條件滿足的情況下,反復的執行同一段代碼。
## If...Else(選擇結構)
>[info]條件語句用于基于不同的條件來執行不同的動作。通常在寫代碼時,您總是需要為不同的決定來執行不同的動作。您可以在代碼中使用條件語句來完成該任務。
在 JavaScript 中,我們可使用以下條件語句:
1. if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼。
2. if...else 語句 - 當條件為 true 時執行代碼,當條件為 false 時執行其他代碼。
3. if...else if....else 語句 - 使用該語句來選擇多個代碼塊之一來執行。
4. switch 語句 - 使用該語句來選擇多個代碼塊之一來執行。
**例1**
~~~
<script type="text/javascript">
if (條件){
只有當條件為 true 時執行的代碼
}
</script>
~~~
**例2**
~~~
<script type="text/javascript">
if (條件){
當條件為 true 時執行的代碼
}else{
當條件不為 true 時執行的代碼
}
</script>
~~~
**例3**
~~~
<script type="text/javascript">
if (條件 1){
當條件 1 為 true 時執行的代碼
}else if (條件 2){
當條件 2 為 true 時執行的代碼
}else{
當條件 1 和 條件 2 都不為 true 時執行的代碼
}
</script>
~~~
**例4**
~~~
<script type="text/javascript">
switch(n){
case 1:
執行代碼塊 1
break;
case 2:
執行代碼塊 2
break;
default:
n 與 case 1 和 case 2 不同時執行的代碼
}
</script>
~~~
## 循環
>[info]循環可以將代碼塊執行指定的次數。如果您希望一遍又一遍地運行相同的代碼,并且每次的值都不同,那么使用循環是很方便的。
**我們可以這樣輸出數組的值:**
~~~
document.write(cars[0] + "");
document.write(cars[1] + "");
document.write(cars[2] + "");
document.write(cars[3] + "");
document.write(cars[4] + "");
document.write(cars[5] + "");
~~~
**不過通常我們這樣寫**
~~~
for (var i = 10; i >= 0; i--) {
document.write(i);
};
~~~
** 循環結構:**
1. for - 循環代碼塊一定的次數
2. for/in - 循環遍歷對象的屬性
3. while - 當指定的條件為 true 時循環指定的代碼塊
4. do/while - 同樣當指定的條件為 true 時循環指定的代碼塊
### For 循環
>[info]for 循環是您在希望創建循環時常會用到的工具。
**下面是 for 循環的語法:**
~~~
for (語句 1; 語句 2; 語句 3){
被執行的代碼塊
}
~~~
* 語句 1 在循環(代碼塊)開始前執行
* 語句 2 定義運行循環(代碼塊)的條件
* 語句 3 在循環(代碼塊)已被執行之后執行
### For/In 循環
>[info]JavaScript for/in 語句循環遍歷對象的屬性:
~~~
var person={fname:"John",lname:"Doe",age:25};
for (x in person){
txt=txt + person[x];
}
~~~
### While 循環
>[info]只要指定條件為 true,循環就可以一直執行代碼。
~~~
while (條件){
需要執行的代碼
}
~~~
### do/while 循環
>[info]do/while 循環是 while 循環的變體。該循環會執行一次代碼塊,在檢查條件是否為真之前,然后如果條件為真的話,就會重復這個循環。
~~~
do{
需要執行的代碼
}while (條件);
~~~
### Break 和 Continue 語句
>[info]在循環控制語句中,當滿足指定條件的時候,退出循環或者是退出 當前循環的語句。
* break 語句用于跳出循環。
* continue 用于跳過循環中的一個迭代。
>[danger]**作業:**通過學習了循環,輸出一個九九乘法表。或者金字塔。

- 序言
- 第一章:準備工作
- 寫在學習之前的話
- web應用開發結構
- 開發工具/環境
- 第二章:展現層面(HTML/CSS)
- HTML簡介
- HTML基礎
- HTML編碼
- HTML鏈接
- HTML圖像
- HTML列表
- HTML表單
- HTML表格(分水嶺)
- HTML 實體
- HTML框架
- CSS層疊樣式表
- CSS選擇器
- CSS文本/字體
- CSS繼承和疊加
- CSS框模型
- CSS浮動(分水嶺)
- CSS定位
- CSS背景
- CSS圖標字體
- CSS補充
- 開發技巧
- 第三章:展現層面(Javascript)
- JS簡介
- JS實現
- JS輸出交互
- JS變量
- JS數據類型
- JS運算符
- JS流程控制(分水嶺)
- JS函數
- JS數組
- JS對象(分水嶺)
- JS數組對象
- JS字符串對象
- JS數學對象
- JS日期對象
- JS BOM對象(分水嶺)
- JS DOM對象
- JS事件對象
- JS元素對象
- JS DOM節點
- 第四章:展現層面(Jquery)
- JQ簡介
- JQ使用
- JQ選擇器
- JQ篩選
- JQ屬性
- JQ-CSS
- JQ事件
- JQ文檔處理
- JQ效果
- JQ-ajax
- 第五章:邏輯/業務層面(PHP)
- PHP簡介
- PHP變量
- PHP數據類型
- PHP常量
- PHP運算符
- PHP流程控制
- PHP函數(分水嶺)
- PHP日期
- PHP數學
- PHP數組
- PHP字符串
- PHP正則表達式(分水嶺)
- PHP目錄操作
- PHP文件
- PHP上傳/下載
- PHP面向對象(分水嶺)
- PHP圖像處理
- PHP會話控制
- Ajax異步處理
- PHPMysql擴展
- PHPMysqli擴展
- PHPPdo擴展
- PHP接口
- PHP命名空間
- 第六章:邏輯/業務層面(框架設計)
- 第七章:存儲層面(mysql)
- Mysql基礎
- Mysql Sql簡介
- Mysql數據庫
- Mysql數據類型
- Mysql數據表
- Mysql操作記錄
- Mysql查詢
- Mysql修改表結構
- Mysql日期與時間
- Mysql分組統計
- Mysql多表查詢
- Mysql安全
- Mysql存儲引擎
- Mysql事務
- Mysql視圖
- Mysql觸發器
- Mysql存儲過程
- Mysql存儲函數
- Mysql優化
- 第八章:服務器(Linux)
- Linux介紹與安裝
- Shell
- 目錄與文件操作
- VIM編輯器使用
- 帳號管理
- SUDO
- 權限控制
- 壓縮與打包
- 軟件安裝
- 計劃任務
- 進程管理
- 寶塔Linux面板