zoukankan      html  css  js  c++  java
  • 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。

     

     

     

     

     

     

  • 相关阅读:
    python+requests——定制请求头——cookie
    python+requests——高级用法——上传文件
    彻底搞定C指针例题
    static_cast, dynamic_cast, reinterpret_cast, const_cast区别比较
    单链表的基本操作
    new int[10]()
    用人单位给计算机系学生的一封信(超长评论版)
    指向二维数组的指针
    《windows程序设计》第一章学习心得
    VS2010编译Lua程序
  • 原文地址:https://www.cnblogs.com/46ly/p/5845353.html
Copyright © 2011-2022 走看看