• 欢迎访问新概念博客,研究javascript,css3,html5,nodejs,Ext js等技术研究,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入新概念博客

javascript选择结构(分支结构、条件结构)

程序人生 新概念 4年前 (2020-10-29) 1197次浏览 扫描二维码

javascript 流程控制

流程:就是程序代码的执行顺序。

流程控制:通过  规定的语句   让程序代码  有条件的   按照一定的方式   执行。  
一、顺序结构

    按照书写顺序来执行,是程序中最基本的流程结构。  
二、选择结构(分支结构、条件结构)

    根据给定的条件有选择的执行形相应的语句。

  (1)   if    else if     else

    1.单路分支

      //条件可以是表达式也可以是任何的数据类型

      //大括号会把他里面的代码当作一个整体来运行,如果只有一条语句,可以省略大括号

      if(条件){

         条件成立执行的语句

       }    //单路分支            //        var a=prompt(“请输入…”,””);

         //       

         //   

         //        if(a>6){

         //       

         //        alert(“输入的数字大于 6”);

         //        }

         //           

     2.双路分支          if(条件){

         条件成立的时候执行的代码

 }else{

          条件不成立的时候执行的代码

 }

      3.多路分支

       

       if(条件 1){

         条件 1 成立执行的代码

 }else if(条件 2){

         条件 2 成立执行的代码

 }else if(条件 3){

         条件 3 成立执行的代码

 }……else{

           如果上述条件都不成立执行的代码

 }    //双路分支

        /* var a = prompt(“请输入密码”, “”);           if (a == 123) {

            alert(“您输入正确”);           } else {               alert(“您的密码错误”);

        }*/       //多路分支  

        /*var a = prompt(“请输入您的成绩”, “”);           if (a<60 ) {

            alert(“您的成绩不及格”);           } else if (a > 60 && a < 70) {

            alert(“你的成绩及格了”);           } else if (a > 70 && a < 80) {

            alert(“您的成绩良好”);           } else if (a > 80 && a < 90) {

            alert(“您的成绩优秀”);           } else {

            alert(“你是天才”);           }*/

       4.嵌套分支

         if(条件 1){

            if(){

  }else if(){     }….

         

 }else if(条件 2){

         条件 2 成立执行的代码

 }else if(条件 3){

         条件 3 成立执行的代码

 }……else{

           如果上述条件都不成立执行的代码

 }     //嵌套分支

        var a = prompt(“请输入您的成绩”, “”);           if (a < 60) {               if (a > 50 && a < 60) {

                alert(“再努力就及格了”);

            } else if ( a<=50) {

                alert(“你太笨了”);

            }

        } else if (a > 60 && a < 70) {

            alert(“你的成绩及格了”);           } else if (a > 70 && a < 80) {

            alert(“您的成绩良好”);           } else if (a > 80 && a < 90) {

            alert(“您的成绩优秀”);           } else {

            alert(“你是天才”);

        }  

  (2)

        switch(变量任何的数据类型){

           case 值 1:

           表达式 1;

           break;

             case 值 2:

           表达式 3;

           break;

            ………

           defalut:

            表达式

          }         //switch

        var a = prompt(“请输入您的星期”, “”);           switch(a){

        case “1”:

        alert(“星期一”);

        break;

        case “2”:

        alert (“星期二”);

        break; case “2”:

        alert (“星期三”);

        break; case “2”:

        alert (“星期四”);

        break; case “2”:

        alert (“星期五”);

        break;

       

        default:

        alert(“周末”);

       

        }

     多个选择进行相应的匹配     *************************************************

   1.当判断某种范围的时候最好用 if 语句,当判断单个值时候用 switch

   2.条件满足的情况不可以重复,会发生不可预期的错误。

  *************************************************

三、循环结构   javascript 流程控制-循环结构   在给定的条件满足的情况下,反复的执行同一段代码。   1.for

  for(变量=初始值;变量<=结束值;变化值){

    循环体

   }

  <!–fot 循环–>

< !–

    <script>

        document.write(“<table width=’500px’ border=’1px’ align=’center’>”);

        for (var i = 0; i < 100; i++) {

            var bg;

            if(i%2==0){

            bg=”#cccccc”;

           

            }else{

            bg=”#aaaccc”;

            }

            document.write(“<tr bgcolor=”+bg+”>”);

           

            for (var j = 0; j < 10; j++) {

                document.write(“<td>” + j + “</td>”);               }               document.write(“</tr>”);  

        }

        document.write(“</table>”);

    </script>

–>       2.while

   当条件满足的时候,执行循环体,当不满足的时候退出循环

   while(表达式){

      循环体

      

 } <!–while 循环–>

< !–

<script>

   var a=1;

    while(a<=9){

    var b=1;

    while(b<=a){

    document.write(b+”*”+a+”=”+a*b+”&nbsp;&nbsp;”)

    b++

   

    document.write(“</br>”);

    }

    a++

    }

 

< /script>

–>

 

3.do{      }while(表达式)    先最少执行一次,再进行条件的判断,如果条件满足继续执行,如果不满足则退出循环。 <!–do wile 循环–>

< !–

<script>

    var a=10;

    do{

    alert(a);

    a–

    }while(a>5)

   

   

   

< /script>

–>

************************************************

1.do{}while   和 while 的区别

  while:当条件满足的时候,执行循环体,当不满足的时候退出循环,先判断后执行。

  do{}while:先最少执行一次,再进行条件的判断,如果条件满足继续执行,如果不满足则退出循环。  

2.for  和 while 的区别

  for 一般是用于循环指定的次数

  while 是根据条件的真假来循环,当真的时候进行循环,假的时候退出循环。   ************************************************

4.for in     javascript 流程控制-跳转语句、with 语句

 一、跳转语句

     在循环控制语句中,当 满足指定条件 的时候,退出循环 或者是退出 当前 循环的语句。

 

     1.break;

      格式:break;

      跳出并且终止循环,如果后面有代码,则继续往下执行。

     2.continue;

       格式:continue;

      跳出并且终止当前的循环,如果下个值仍满足循环条件,则继续循环。        ***********************************************************

      break:

       A.switch,指的是当满足某个条件后,退出 switch 语句

       B.用在循环语句当中,跳出并且终止循环,如果后面有代码,则继续往下执行。

      continue:

        A.只能用在循环语句当中, 跳出并且终止当前的循环,如果下个值仍满足循环条件,则继续           循  环。

        B.最好用适当的语句代替 continue      

     ***********************************************************   二、标签语句:      用来退出多层循环

  

   格式:

       标签名:语句;     注意:标签名只可以作用于 break 或 continue  

 三、

   with(){        }

  用于设置代码在对象中的作用域。

*************************************************

不建议使用。

*************************************************      

 


新概念博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:javascript选择结构(分支结构、条件结构)
喜欢 (0)
[新概念]
分享 (0)