javascript控制语句

 javascript控制语句

 

内容

• 程序的执行结构

• 分支结构的使用

• 循环结构的使用

第一节 分支

1.程序的执行结构

程序的执行结构分三类：

• 顺序结构

  程序执行的时候，按找代码的书写次序，依次执行。这种执行方式就是顺序结构。

• 分支结构

  对于程序中特定的功能代码，需要满足特定的条件之后，才会执行。这种结构就是分支结构。

• 循环结构

  对于程序特定的功能代码，在满足特定条件之后，反复执行这些代码，知道条件不满足时程序结束。这种结构就是循环结构。

总结:顺序结构就相当于走直路，从头走到尾。分支就像走岔路，满足特定条件才执行。循环就像跑圈，则特定条件下，反复执行某段代码。

 

 

2.if分支结构

if分支一般用于范围条件判断，switch一般用于定值条件判断。

2.1 if单分支

语法:

if(条件表达式)
{
    /*条件为true时*/
    代码块;
}

  <script type="text/javascript">
  var score = parseInt(prompt("请输入令狐冲的分数",0));
​
  if(score>=90)
  {
    document.write("奖励葵花宝典<br/>");
  }
​
  document.write("程序结束<br/>");
  </script>

  <script type="text/javascript">
  var score = parseInt(prompt("请输入令狐冲的分数",0));
​
  if(score>=90)
    document.write("奖励葵花宝典<br/>");
   //没有用大括号封装，下面这句代码与if分支没有关系
    document.write("请吃大餐<br/>");
​
  document.write("程序结束<br/>");
  </script>

输入50:

 

  <script type="text/javascript">
  var score = parseInt(prompt("请输入令狐冲的分数",0));
​
  if(score>=90)
  {
    //大括号中的所有代码是一个整体
    document.write("奖励葵花宝典<br/>");
    document.write("请吃大餐<br/>");
  }
​
  document.write("程序结束<br/>");
  </script>

输入50:

 

  <script type="text/javascript">
  var score = parseInt(prompt("请输入令狐冲的分数",0));
  //在没有大括号时，if条件后面直接加分号,代表if的代码块为空;
  if(score>=90);
  {
    //大括号中的所有代码是一个整体
    document.write("奖励葵花宝典<br/>");
    document.write("请吃大餐<br/>");
  }
​
  document.write("程序结束<br/>");
  </script>

输入50分的结果:

 

 

2.2 if 双分支

语法:

if(条件表达式)
{
    /*条件表达式为真时执行如下代码*/
    代码块;
}
else
{
    /*条件表达式为假*/
    代码块;
}
​

双分支结构执行时，如果条件表达式结果为true,则走if分支后的代码块，否则走else分支代码块，非此即彼，两者必选其一。

 

  <script type="text/javascript">
    var score = parseInt(prompt("请输入令狐冲的分数",0));
    //双分支
    if(score>=90)
    {
        document.write("奖励武功秘籍<br/>");
        document.write("发一百元<br/>");
    }
    else /*除了上面条件之外的任何情况，都走else分支*/
    {
        document.write("上思过崖面壁<br/>");
    }
​
    document.write("程序结束");
  </script>

 

2.3 if多分支

语法:

if(条件表达式1)
{
    代码块1;
}
else if(条件表达式2)
{
    代码块2;
}
else if(条件表达式3)
{
    代码块3;
}
....
else /*除了上面条件之外的其他所有情况*/
{
    代码块;
}

<script type="text/javascript">
   /*优秀:90 良好:80 中等:60 差:小于60*/
   var score = 10;
   //多分支结构
   if(score>=90)
   {
    document.write("优秀<br/>");
   }
   else if(score>=80)
   {
    document.write("良好<br/>");
   }
   else if(score>=60)
   {
    document.write("中等<br/>");
   }
   else
   {
    document.write("差<br/>");
   }
​
   document.write("程序结束");
  </script>

条件反向设置要考虑条件的范围:

  <script type="text/javascript">
    var score = 55;
​
    if(score<0 || score>100)
    {
        document.write("分数无效<br/>");
    }
    else if(score>=60 && score<80)
    {
        document.write("中等<br/>");
    }
    else if(score>=80 && score<90)
    {
        document.write("良好<br/>");
    }
    else if(score>=90)
    {
        document.write("优秀<br/>");
    }
    else
    {
        document.write("差");
    }
  </script>

使用双分支结构实现多分支效果：

<script type="text/javascript">
  var score = 57;
​
  if(score<0 || score>100)
  {
    document.write("分数无效<br/>");
  }
  else
  {
    if(score>=90)
    {
        document.write("优秀<br/>");
    }
    else
    {
        if(score>=80)
        {
            document.write("良好<br/>");
        }
        else
        {
            if(score>=60)
            {
                document.write("中等<br/>");
            }
            else
            {
                document.write("差<br/>");
            }
        }
    }
  }
  </script>

3. switch分支

语法:

switch(变量)
{
    case 数据1:
        代码块1;
        break;
    case 数据2:
        代码块2;
        break;
    case 数据3:
        代码块3;
        break;
    ...
    default: /*不满足上面任何一支，则进入该分支*/
        代码块;
        break;
}

  <script type="text/javascript">
   var mingci = 2;
   switch(mingci)
   {
    case 1:
        document.write("武林盟主<br/>");
        break;
    case 2:
        document.write("武当掌门<br/>");
        break;
    case 3:
        document.write("峨眉掌门<br/>");
        break;
    default:
        document.write("逐出师门<br/>");
        break;
   }
  </script>

 

 

第二节 while循环和do...while循环

1.while循环

 

2.do...while循环

 

第三节 for循环

 

 

第四节 break和continue

 

1.break

 

2.continue

 

3.不定次数的循环