1. 程式人生 > 實用技巧 >js:流程控制(分支結構、順序結構、迴圈結構)

js:流程控制(分支結構、順序結構、迴圈結構)

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