码迷,mamicode.com
首页 > Web开发 > 详细

js:流程控制(分支结构、顺序结构、循环结构)

时间:2020-07-17 13:35:06      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:左右   输出   语法规则   div   ons   mic   http   lse   while   

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

 

js:流程控制(分支结构、顺序结构、循环结构)

标签:左右   输出   语法规则   div   ons   mic   http   lse   while   

原文地址:https://www.cnblogs.com/zhai1997/p/13328466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!