Javascript自学-4

• if条件判断语句：条件成立，执行什么代码；条件不成立，执行什么代码。
• • 结构1：只判断真（true），条件为假（false），什么都不做。

    if(条件判断：判断结果是一个布尔值)
    {
          条件为真(true)，执行的代码
    }<span style="font-size: 16px;"></span>

• • 结构2：既判断真，也判断假

    if(条件判断：判断结果是一个布尔值 )
    {
        条件为真(true)，执行的代码
    }else
    {
        条件为假(false)，执行的代码
    }<span style="font-size: 16px;"></span>

• • 结构3：多条件判断

    if(条件1)
    {
        代码1;
    }else if(条件2)
    {
        代码2;
    }else if(条件3)
    {
        代码3;
    }else
    {
        如果以上条件都不成立，则执行该代码;
    }
    //注意：虽然有多个条件，但各条件之间是“或”的关系。每时每刻，只能有一个条件成立，不能同时满足多个条件。

• switch分支语句
• • 描述：根据一个变量的不同取值，来执行不同的代码。
  • 语法结构：

    switch(条件判断)
    {
          case值1:
               代码1;
               break;
          case值2:
               代码2;
               break;
          case值3:
               代码3;
               break;
          defauly:
               如果以上条件都不满足，则执行该代码;
    }<span style="font-size: 16px;"></span>

• • switch结构说明：
  • • switch、case、break、default都是系统关键字，都必须全小写。
    • switch后的小括号()：小括号内一般是一个变量名，这个变量可能会有不同的取值。
    • 每个case的值，与变量的值进行比对，如果一致就执行该case后的代码。
    • 所有的case都是“或”的关系，每时每刻只有一个case会满足条件。
    • 每个case的代码执行完毕后，必须要用break语句结束，结束之后，程序将调到switch结束大括号之后运行。
    • 如果不写break语句的话，下面所有的case语句都会执行一遍。

       <script type="text/javascript">
          // 实例：输出今天星期几？
          /*
              （1）创建一个日期时间对象，它中有很多的信息：时、分、秒、年、月、日、星期
              （2）取出日期对象中的星期值
              （3）根据星期值（0-6）来输出中文的星期几。
          */
          // （1）创建一个日期时间对象
          var today = new Date();
          // （2）从Date对象中取出星期值
          var week = today.getDay();    //返回0-6,0代表星期日
          // （3）使用switch来输入今天是星期几
          var str = "";
          switch(week)
          {
           case 1:
               str = "一";
               break;
           case 2:
               str = "二";
               break;
           case 3:
               str = "三";
               break;
           case 4:
               str = "四";
               break;
           case 5:
               str = "五";
               break;
           case 6:
               str = "六";
               break;
           defalut:
               str = "日";
               break;
          }
          document.write("今天是星期"+str);
          </script>

• if多条件判断和switch 的区别
• • if中的条件一般是一个范围(a>100),而switch中的条件一般是一个变量的不同取值。
• while循环：只要条件成立，就重复不断的执行循环体代码

  while(条件判断)
  {
      如果条件为true，则执行循环体代码
  }<strong><span style="font-size: 19px;"></span></strong>

• • 循环结构说明：
  • • 在循环开始前，必须要对变量初始化（声明变量，给变量赋个初始值）。
    • 如果while的条件为true，则会重复不断的执行循环体中（{}）的代码。
    • 在循环体中，必须要有“变量更新”的语句。换句话说：两次循环的变量的值不能一样，如果一样，会造成“死循环”。

         例题：输出1-10之间的所有数
         var i = 1;  //变量初始化
          while(i<=10) 
          {
              document.write(i);  //1 2 3 4 5 6 7 8 9 10
              i++; //变量更新，为了避免出现“死循环”
          }

       // 实例：把一个字符串，重复的输出1000次。
          var a = 1;  //(1)变量初始化
          // (2)条件判断：条件为true，则执行循环体；条件为false，退出循环
          while(a<=1000)
          {
              document.write("<h2>（第<font color='#669933'>"+a+"</font>次）第38期PHP基础班</h2>");
              a++;  //(3)变量更新
          }

        // 实例：1-100之间的所有偶数
          /*
          （1）输出1-100之间所有的数
          （2）筛选出所有偶数
          */
          var a = 1;  //(1)变量初始化
          // (2)条件判断：条件为true，则执行循环体；条件为false，退出循环
          while(a<=100)
          {
              // 如果是偶数则输出。
              if(a%2==0)
              {
                  document.write(a+"、");       
              }
              a++;  //(3)变量更新
          }

      作业：表格隔行变色
          <script type="text/javascript">
          var str = "";
          str += "<table width=500 border=1 rules=all align=center>";
          str += "<tr align=center bgcolor=#999999>";
          str += "<td><b>编号</b></td><td><b>新闻标题</b></td><td><b>发布时间</b></td>";
          str += "</tr>";
          // 变量初始化,i代表行号
          var i = 1;
          // 条件成立，则执行循环体，否则退出循环
          while(i<=100)
          {
              // 偶数行加背景颜色，奇数行不加
              if(i%5==0)
              {
                  str += "<tr align=center bgcolor=#999999>";
              }else{
                  str += "<tr align=center>";
              }
              str += "        <td>第<font color=red>"+i+"</font>行</td><td> </td><td> </td>";
              str += "    </tr>";
              i++;   //变量更新
          }
          str += "</table>";
          // 输出结果
          document.write(str);
          </script>

• for循环
• • 语法结构

    for(变量初始化；条件判断；变量更新)
    {
         循环体代码;
    }

    实例：输出1-100之间的所有数字
        for(var i = 1;i <= 100;i++)
        {
            document.write(i+"、");
        }

• • for循环顺序
  • 
    

    // 实例：求1-100间所有偶数的和
    /*
    （1）输出1-100之间所有数
    （2）筛选出所有的偶数
    （3）所有偶数相加
    */
    var b = 0;
    for(var a = 1;a <= 100;a++)
    {
        if(a%2==0)
        {
                b += a;
        }
    }
    document.write("1-100偶数的和为："+b);

• break语句
• • 描述：break语句，用于无条件结束各种循环和switch语句。
  • 说明：一般情况下，需要再break语句之前加一个条件判断。换句话：条件成立时，就退出循环。

    //1-100所有的数，超过50不再输出
        for(var a = 1; a <= 100;a++)
        {
            if(a>50)
            {
                break;
            }
            document.write(a+" ");
        }
        </script>

• continue语句
• • 描述：结束本次循环，而开始下一次循环。
  • 说明：一般情况下，需要再continue语句之前加一个条件判断。

        //1-100所有的数，超过50不再输出
        for(var a = 1; a <= 100;a++)
        {
            if(a%2!=0)
            {
                continue;  //终止本次循环，开始下一次循环
                           // continue之后的代码不再执行了。
            }
            document.write (a+" ");
        }