JavaScript---分支与循环

一、JavaScript流程结构

1、顺序结构

没有任何结构就是顺序,所有语句从上到下,逐条执行

顺序结构主要包括注释语句、赋值语句、输入输出等语句

2、分支结构

 (1)单分支:要么做,要么不做;如果if(条件)条件为true,那么执行if(){}所有语句,否则直接跳过if结构 预备知识:{}叫做语句体,如果多条语句放到{}中就变成了一个整体(一组),要么都执行,要么都不执行。否则结构只能控制它下方的一条语句; 语法: if(条件){ 语句 .......; }

(2)双分支或多分支

  • if…else      
  • if…else if….else if…else
  •  switch 

3.循环结构

  • for循环
  • while循环
  • do…while循环
  • for…in循环 

二、分支

1、if分支(单分支)

(1)基本形式

         if(条件){
                 语句;
                }
         条件成立,执行语句 

(2)上机实例

 <script>
      var js = prompt("请输入令狐冲的js成绩");
      var music = prompt("请输入令狐冲的音乐成绩");

      if ((js > 90 && music > 80) || (js == 100 && music > 70)) {
        alert("小子不错,武功秘籍拿走吧");
      }
    </script>

2、双分支

(1)基本形式

        if(条件){
                语句1;
              }else{
                语句2;
              }

      条件成立,执行语句1,否则执行语句2

(2)上机实例

 var score = prompt("请输入令狐冲的js成绩");
if (score > 90) {
 alert("小子不错,《独孤九剑》剑谱拿走吧");
} else {
   alert("不肖徒,去思过崖思过去吧");
 }

3、多分支

(1)基本形式
      if(条件1){
          语句1;
      }else if(条件2){
          语句2;
      }
      ...
      else{
          语句;
      }

条件1成立,执行语句1;

条件1不成立,判断条件2,条件2成立,执行语句2,

条件2不成立,判断条件3,条件3成立,执行语句3,

...

(2)上机实例 

<script>
      // 对学员的结业考试成绩评测
      //   成绩>=90 :优秀
      //   成绩>=80 :良好
      //   成绩>=60 :中等
      //   成绩<60   :差
      if (score >= 90 && score <= 100) {
        //[90,100]
        alert(score + "分:优秀");
      } else if (score >= 80 && score < 90) {
        //[80,90)
        alert(score + "分:良好");
      } else if (score >= 60 && score < 80) {
        alert(score + "分:中等");
      } else if (score >= 0 && score < 60) {
        alert(score + "分:后进生");
      } else {
        alert("请输入有效数值");
      }

    </script>

4、switch结构

(1)switch结构

        switch语句用于基于不同条件执行不同动作。

(2)上机实例

<script>
        var day = +prompt("输入0-6中的一个数字:");
        switch (day) {
            case 0:
                day = "星期日";
                break;
            case 1:
                day = "星期一";
                break;
            case 2:
                day = "星期二";
                break;
            case 3:
                day = "星期三";
                break;
            case 4:
                day = "星期四";
                break;
            case 5:
                day = "星期五";
                break;
            case 6:
                day = "星期六";
                break;

            default:
                day = "还在梦里呢"
        }
        alert("今天" + day)
    </script>

猜你喜欢

转载自blog.csdn.net/qq_45870314/article/details/123858644