上篇博文说到JS的运算符,这次说说JS程序流程控制。
1、 条件语句 if
语法:
if(condition)
statements1
else
statement2
当括号里的条件成立的时候,执行if后的statements1语句,否则执行statement2语句。
例:
var a=1;
var b=2;
if(a>b) {
alert(“hello world”);
}
else
alert(“hello!”);
此时页面结果为弹出对话框,内容为hello!
我们还可以使用以下条件语句:
if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if (condition2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}
例:
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
2、 switch 语句
switch 语句用于基于不同的条件来执行不同的动作。
语法:
switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码。即默认的情况下执行的代码。
}
首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break来阻止代码自动地向下一个 case 运行。
例:
var day=new Date().getDay();
switch (day)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
alert(x);
运行结果:Looking forward to the Weekend
3、for 循环
如果一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。
语法:
for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}
语句 1 (代码块)开始前执行 starts.
语句 2 定义运行循环(代码块)的条件
语句 3 在循环(代码块)已被执行之后执行
语句之间用分号隔开。
例:
for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "<br>";
}
语句1定义了变量i为0,若语句2中i<5成立,则执行花括号里的内容,再执行语句3。知道语句2不成立,即值为false时,则退出循环。
注:
(1)、
通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。
语句 1 是可选的,也就是说不使用语句 1 也可以。
我们可以在语句 1 中初始化任意(或者多个)值。
(2)、
通常语句 2 用于评估初始变量的条件。
语句 2 同样是可选的。
如果语句 2 返回 true,则循环再次开始,如果返回 false,则循环将结束。
如果了语句 2,那么必须在循环内提供 break。否则循环就无法停下来。这样有可能令浏览器崩溃。
(3)、
通常语句 3 会增加初始变量的值。
语句 3 也是可选的。
语句 3 有多种用法。增量可以是负数 (i--),或者更大 (i=i+15)。
语句 3 也可以省略(比如当循环内部有相应的代码时)。
4、for/in 循环
for/in 语句循环遍历对象的属性:
例:
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
{
txt=txt + person[x];
}
5、while 循环
语法:
while (条件)
{
需要执行的代码
}
例:
var i=0;
while (i<5)
{
x=x + "The number is " + i + "<br>";
i++;
}
当i的值小于5时,循环会继续。直到i>=5,才会退出循环。
6、Do/While 循环
do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。do while 与while 的区别是do while是先执行后判断;而while是先判断后执行。所以do while至少会执行一次循环。
语法:
Do
{
需要执行的代码
}
while (条件); //不要漏掉这里的分号;
7、break 语句和 continue 语句
break 语句可以立即退出循环; (终止循环)
continue 语句只是退出当前循环; (跳出当前循环)
例:(1)
for(var i = 1; i < 10; i++){
if(i == 4){
continue;
}
n++;
}
document.write(n);
输出结果为:8
本来循环应该执行9次,但当i的值增加到4时,遇到语句continue,跳过了该次循环,所以总循环次数为8。
(2)
var n = 0;
for(var i = 1; i < 10; i++){
if(i == 4){
break;
}
n++;
}
document.write(n);
输出结果为:3
本来循环应该执行9次,但当i的值增加到4时,遇到语句continue,终止了循环,所以总循环次数为3。