js:流程控制(分支結構、順序結構、迴圈結構)
阿新 • • 發佈:2020-07-17
1、流程控制
通過控制程式碼的執行順序來實現我們完成的功能,js中流程控制有三種結構
- 順序結構:按照程式碼的先後順序,依次執行
- 分支結構:根據不同的條件執行不同的程式碼,如:if和switch... ...case語句
- 迴圈結構:while、do.. ...while、for、break、continue語句
2、三元表示式
<script> var b=((6+3)==9 ?true:false) console.log(b); </script>
表示式的值為真,返回的是冒號前的資料,否則,返回冒號後的資料
3、switch...case語句
(1)switch...case的注意點
不匹配的時候無輸出:
<script> var num='1'; switch (num){ case 1: console.log(1); break; case 2: console.log(2); break; case 3: console.log(3); break; } </script>
改成資料型別和值相等:
<script> var num=2; switch (num){ case 1: console.log(1); break; case 2: console.log(2); break; case 3: console.log(3); break; } </script>
(2)switch...case與if ... ... else比較
- switch...case通常處理case比較穩定的情況,例如:case為1輸出星期一... ... ,cese的值是可以事先確定的,而if ... ... else更加靈活,常需要結合判斷語句
- switch是進行判斷後直接執行與case相等的語句,效率更高,而if ... ... else是需要一個一個條件判斷,直到找到符合條件的語句才鞥去執行
- 分支較多用switch...case效率更高,結構也比較清晰;分支較少用if ... ... else效率更高
4、迴圈結構
(1)概念
可以重複執行某些語句
(2)continue和break關鍵字
continue關鍵字:
continue關鍵字可以立即跳出本次迴圈,繼續下一個迴圈
<script> for(var i=1;i<=5;i++){ if(i==3)continue; console.log(i); } </script>
break關鍵字:立即退出整個迴圈
<script> for(var i=1;i<=5;i++){ if(i==3)break; console.log(i); } </script>
5、程式碼規範
- 識別符號:變數、函式名要有意義,變數用名詞、函式用動詞
- 操作符:左右兩側保留一個空格
可參考java的語法規則:
流程控制(順序結構、條件語句、選擇語句、迴圈語句):https://www.cnblogs.com/zhai1997/p/11258254.html