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+" ");
}