JavaScript基本语法（三）

上篇博文说到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。