js：流程控制（分支结构顺序结构循环结构）

Posted 2020-12-16 zhai1997

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