【JavaScript流程控制语句的用法及练习】

1、做判断（if语句）

if语句是基于条件成立才执行相应代码时使用的语句。

语法：  if(条件){  条件成立时执行代码   }

例子：1.假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。

 <h4>你会HTML技术吗？</h4>
     <input type="button" onclick="an()" id="button1" value="会"/>
     <script>
         function an(){
             var an=document.getElementById("button1").value;
             if (an=="会") {
                 alert("欢迎加入公司");
             }else{
                 alert("不欢迎加入公司");
             }
         }
     </script>

2、二选一（if...else语句）

if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。

语法：

　　if(条件){

  　　条件成立时执行的代码

　　}else{

  　　条件不成立时执行的代码

　　}

例子：2.假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司，否则你面试不成功，不能加入公司.

 <h4>你会HTML技术吗？</h4>
     <input type="button" onclick="an()" id="button1" value="会"/>
     <input type="button" onclick="an1()" id="button2" value="不会"/>
     <script>
         function an1(){
             var an=document.getElementById("button2").value;
             if (an=="会") {
                 alert("欢迎加入公司");
             }else{
                 alert("不欢迎加入公司");
             }
         }
     </script>

3、多重判断（if...else嵌套语句）

要在多组语句中选择一组来执行，使用if..else嵌套语句。

语法：

　　　　if(条件1)

　　　　　　{ 条件1成立时执行的代码}

　　　　else if(条件2)

　　　　　　{ 条件2成立时执行的代码}

　　　　...

　　　　else if(条件n)

　　　　　　{ 条件n成立时执行的代码}

　　　　else

　　　　　　{ 条件1、2至n不成立时执行的代码}

例子：联合国世界卫生组织对年龄的划分标准， 44岁以下为青年；45岁至59·岁为中年人。60岁至89岁为老年人；90岁以上为长寿老年人。赵红今年99岁了，她属于哪个年龄阶             段的。

  <span>我今年</span><input type="number" value="" id="age"><button onclick="an2()">查看我的年龄阶段</button>
       <script type="text/javascript">
           function an2(){
           var age=document.getElementById("age").value;
           if (age>=0 &&age<=44){
                alert("青年!");
            }
           else if (age>=45 && age<=59){
               alert("中年人!");
          }
          else if (age>=60 && age<=89){
              alert("老年人!");
          }
          else if(age>=90){
              alert("长寿老年人!");
          }
          }
      </script>

4、多种选择（Switch语句)

语法： 　　  

　　　　switch(表达式)

　　　　{

　　　　case值1:

　　　　执行代码块 1

　　　　break;

　　　　case值2:

　　　　执行代码块 2

　　　　break;

　　　　...

　　　　case值n:

　　　　执行代码块 n

　　　　break;

　　　　default:

　　　　与 case值1 、 case值2...case值n 不同时执行的代码

　　　　}

例子：我们来做个周计划，周一、二学习理念知识，周三、四到企业实践，周五总结经验，周六、日休息和娱乐。

 <button onclick="an3()">今天是周几，今天干什么</button>
 <script>
     var d=new Date().getDay();
     function an3(){
     switch (d)
     { case 1:
        case 2:x="今天学习理念知识";
       break;
       case 3:
       case 4:x="今天到企业实践";
       break;
       case 5:x="今天是星期五总结经验";
       break;
       case 6:
       case 7:x="今天休息和娱乐。";
       break;
     }
     alert(x);
     }
 </script>

5、重复重复（for循环）

很多事情不只是做一次，要重复做。如打印10份试卷，每次打印一份，重复这个动作，直到打印完成。这些事情，我们使用循环语句来完成，循环语句，        就是重复执行一段代码。　　 

语法：

　　for(初始化变量;循环条件;循环迭代)

　　{

  　　循环语句

　　}

例子：假如，一个盒子里有6个球，我们每次取一个，重复从盒中取出球，直到球取完为止。

      <input type="button" onclick="an4()" value="点我看有几颗球">
      <script type="text/javascript">
      var qiu=6;
        function an4(){
        for (qiu=6;qiu>=1;qiu--){
          alert("第"+qiu+"个球");
      }
          }
      </script>

例子：我们有1，2，3...10不同面值的钱，使用for语句完成合计，看看我们一共有多少钱？

 <script type="text/JavaScript">
       var sum=0;
       for(var money=1;money<=10;money++){
           sum=sum+money;
       }
       document.write("我们一共有:"+sum);
 </script>

6、反反复复(while循环)

和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。　　 

语法：

　　while(判断条件)

　　{

  　　循环语句

　　}

例子：使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。

   <input type="button" onclick="an5()" value="点我看有几颗球">
   <script>
       var qiu1=1;
       function an5(){
       while(qiu1<=6){
           alert("第"+qiu1+"个球");
           qiu1++;
       }
       }
  </script>

7、来来回回(Do...while循环)

do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循　　      环。　 

语法：　

　　do

　　{

  　　循环语句

　　}

　　while(判断条件)

例子：使用do...while语句，输出1-6这6个数字。

 <script>
     var num1=1;
     do{
         document.write("输出数字"+num1+"<br />");
         num1++;
     }
     while(num1<=6)
 </script>

8、退出循环break

在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。

语法：　

　　for(初始条件;判断条件;循环后条件值更新){

  　　if(特殊情况)

  　　{break;}

  　　循环代码

　　}

例子：考试成绩输出，如果成绩及格继续输出下个成绩，如果成绩不及格，退出并且后面成绩不输出.

    <script type="text/JavaScript">
       var num2 =new Array(60,70,80,10,20,30,40,50,90,100);
       for(var i=0;i<num2.length;i++){
           if (num2[i]<60) {
               document.write(num2[i]+"——我不及格，那我后面的我也不给看<br/>")
               break;   //结束整个循环
           }
               document.write(num2[i]+"——及格了<br/>")
       }
    </script>

9、继续循环continue<跳过当次循环，进入下次循环>

语法：　

　　for(初始条件;判断条件;循环后条件值更新){

  if(特殊情况){

    continue;

  }

  循环代码

　　}

例子：考试成绩输出，如果成绩及格继续输出下个成绩，如果成绩不及格，则不输出该成绩。

 <script type="text/JavaScript">
     var num2 =new Array(60,70,80,10,20,30,40,50,90,100);
     for(var i=0;i<num2.length;i++){
         if (num2[i]<60) {
             document.write("我不及格，我不想给你看<br/>")
             continue;       //结束本次循环（跳过下一步）
         }
             document.write(num2[i]+"——及格了<br/>")
     }
 </script>

10、数组循环

例子：在一个大学的编程选修课班里，我们得到了一组参加该班级的学生数据，分别是姓名、性别、年龄和年级，接下来呢，我们要利用JavaScript的知识挑出其中所有是大一的     女生的的名字哦。

    学生信息如下：    
    ('小A','女',21,'大一'),  ('小B','男',23,'大三'),
    ('小C','男',24,'大四'),  ('小D','女',21,'大一'),
    ('小E','女',22,'大四'),  ('小F','男',21,'大一'),
    ('小G','女',22,'大二'),  ('小H','女',20,'大三'),
    ('小I','女',20,'大一'),  ('小J','男',20,'大三')

 <script>
     var arr = new Array
     arr[0] = new Array ('小A','女',21,'大一');
     arr[1] = new Array ('小B','男',23,'大三');
     arr[2] = new Array ('小C','男',24,'大四');
     arr[3] = new Array ('小D','女',21,'大一');
     arr[4] = new Array ('小E','女',22,'大四');
     arr[5] = new Array ('小F','男',21,'大一');
     arr[6] = new Array ('小G','女',22,'大二');
     arr[7] = new Array ('小H','女',20,'大三');
     arr[8] = new Array ('小I','女',20,'大一');
     arr[9] = new Array ('小J','男',20,'大三');

     for(i=0;i<arr.length;i++){
         if (arr[i][3]=='大一' && arr[i][1]=='女') {
             document.write("我是大一的女生"+arr[i][0]+"哦！<br />");
         }
     }
 </script>