JavaScript基本语法(三)

时间:2021-11-04 20:05:58

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