javascript
Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
目錄
- 一、if條件語句
- 二、while循環語句
- （一）while()語句
- （二）do……while語句
- 三、for循環語句
- 四、switch語句
- 五、break語句和continue語句
一、if條件語句
在JavaScript中，if-else語句的格式如下：
if(表達式) {語句1} else {語句2}若要進行多個判斷條件，可以通過if-else if-else語句，else-if可以為多個，當if里面的表達式1不成立時，執行表達式2，若表達式2不成立則執行語句3，格式如下：
if(表達式1) {語句1} else if(表達式2) {語句2} ... else {語句3}例如下列HTML代碼，判斷a的值然后通過alert()警告框輸出a的值的判斷情況，由于只有一條語句所以可以省略花括號，如下：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><script type="text/javascript">var a = -2;if (a == 0)alert("a的值等于0!")else if (a < 0)alert("a的值小于0!")elsealert("a的值大于0!")</script></body> </html>運行結果如下：
二、while循環語句
（一）while()語句
while循環語句是while()條件表達式為正確時，則重復執行代碼塊中的內容，直到表達式為錯誤時退出程序，不再執行循環中的代碼。
例如下列代碼，通過while循環計算1+2+3+…+100的值，并在控制臺中輸出：
運行結果如下：
（二）do……while語句
另外還有do……while語句，該循環在每次檢查表達式是否成立之前都會執行一次代碼塊（即do……while語句至少執行一次），若表達式為成立則重復循環，直到表達式不成立時退出循環，格式如下：
例如下列代碼，并在控制臺中輸出：
運行結果如下：
三、for循環語句
例如下列代碼，利用for循環輸出1!+2!+3!+……+10!的結果，直接讓for循環執行10次，并在控制臺中輸出：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>條件語句</title></head><body><script type="text/javascript">var i, j, sum;j = 1;sum = 0;for (i = 1; i <= 10; i++) {j *= i;sum += j;}console.log("1!+2!+3!+...+10!=",sum);</script></body> </html>運行結果如下：
另外，for循環語句中還有一個for…in循環語句，它用于枚舉對象的屬性，即循環遍歷對象，例如下列代碼，循環遍歷number[]數組，并在控制臺中輸出：
運行結果如下：
四、switch語句
例如下列代碼，學生成績為80分，判斷該學生的成績等級并在控制臺中輸出（60分以下不及格，60-70分為及格，70-80分為良好，80-100分為優秀），其中switch(true)表示與case中表達式與其成立時匹配：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>條件語句</title></head><body><script type="text/javascript">var score = 80;switch (true){case score < 60:console.log("不及格！");break;case score >= 60 && score < 70:console.log("及格！");break;case score >= 70 && score < 80:console.log("良好！");break;default:console.log("優秀！");}</script></body> </html>運行結果如下：
五、break語句和continue語句
與其他語言中的break語句和continue語句一樣，break語句用于退出整個循環，continue語句用于退出本次循環。
總結
以上是生活随笔為你收集整理的Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 单片机原理及其应用——单片机定时器中断实
- 下一篇： Web前端开发笔记——第四章 JavaS