程序控制结构及语句

编程就是将现实应用，转换为程序能够读得懂的语法语句。Javascript编程中对程序流程控制主要是通过条件判断语句、循环控制语句及continue、break来完成的，其中条件判断按预先设定的条件执行顺序，它包括if语句和switch语句；而循环控制语句则可以重复完成任务，它包括while语句、do...while语句及for语句。

一、条件判断语句：

条件判断语句就是对语句中不同条件的值进行判断，进而根据不同条件执行不同的语句。条件判断语句有“if条件语句”和“switch多分支语句”。

（1）、if条件语句

是条件选择语句，语法格式：

if (条件语句表达式)

  {

  只有当条件语句表达式为 true 时执行的代码

  }
例子1:

            var y;

             y=80;

             if(y>120) //表达式为false

                 alert("执行语句1信息");//if结构只能控制它下面一条语句

             alert("执行语句2");   //因y>120表达式为false，故执行此语句

        注意:只弹出  ”语句2“ ，而 ”此只执行语句1信息“  不会弹出

  例子2：

      var y;

      y=80;

      if(y>120){  //if控制{}所有语句

              alert("语句1");

              alert("语句2");

            }

  注意:两条都不执行，因为y>120为false

 注意:所有结构都是如此，默认只能控制结构下方一条语句，想控制多条必须加在大括号{}中

案例：

<!doctype html>

 <head>

 <meta http-equiv="content-type" content="text/html;charset=utf-8"/>

 <meta name="keywords" content="javascript的程序控制结构与语句，javascript入门">

 <meta name="description" content="老罗江湖">

 <title> if语句的使用 </title>

 </head>

 <body>

 <p>如果时间早于21:00，会获得问候“very Good”。</p>

 <button onclick="myFunction()">单击这里</button>

 <p id="demo"></p>

 <script type="text/javascript">

function myFunction()

{

var x="";

var time=new Date().getHours();   //获取系统日期、获取此时此刻“时针数”

if (time<22)    //22代表“时间”填写时，注意根据时间而定。

     {

       x="very Good";

     }

document.getElementById("demo").innerHTML=x;

}

</script>

<p>请注意，上面在if语句中，没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。</p>

 </body>

</html>

效果图：

请使用小写的 if，使用大写字母（IF）会生成 JavaScript 错误！请注意，上面在if语句中，没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。

2、if...else 语句 ：

用于需要用两个程序分支来执行的情况。 If...else语法：

If（条件表达式）

{

当 条件表达式 成立 “为true”时执行这语句段

}

else{

当 条件表达式 不成立“为false”时执行这语句段

}

//当条件为 true 时执行if后面的从句，当条件为 false 时执行else后面部分的从句。

 

案例：

<script type="text/javascript">

    var y = "Beautiful Girl";

    if( y != "Beautiful Girl")

    {

    document.write('<h3 style="text-algin:center;color:pink;">欢迎素颜美女光临</h3>');

    }

    else{

    document.write('<p style="font-size:30px;color:red;">先天问题请化妆再来</p>');

    }</script>

效果图：对变量y的值进行判断，如果y值不等于Beautiful Girl，则输出粉红色字符；否则输出红色字符。

3、If...else if...else语句

使用 if....else if...else语句来选择多个代码块之一来执行。语法格式：

if（条件1）

{

当条件1为true是执行的代码

}

else if(条件2)

{

当条件2为true时执行的代码

}

else{

当条件1和条件2都不为true是执行的代码

}

案例：

 <title> if...else if...else语句的使用 </title>

 </head>

 <body>

  <p>如果时间早于21:00，会获得问候“very Good”。</p>

 <button onclick="myFunction()">单击这里</button>

 <p id="demo"></p>

 <script type="text/javascript">

    function myFunction()

    {

    var d = new Date();      //获取系统日期

    var time=d.getHours();  //获取此时此刻“时针数”

     if (time<10)

      {

      document.write('Good morning');

      }

    else if (time<18)

      {

      document.write('Good afternoon');

      }

    else

      {

      document.write('Good evening');

      }

    }

 </script>

 </body>

效果图：如果时间小于 10:00，则将发送问候 "Good morning"，否则如果时间小于 18:00，则发送问候 "Good afternoon"，否则发送问候 "Good evening"，因此时是晚上九点钟，所以输出的结构为下图：

4、if语句的嵌套

If语句可以嵌套使用。当使用if语句的嵌套应用时，最好使用“{ }”来确定相互的层次关系，由于大括号“{ }”使用的位置不同，可能导致程序代码的含义完全不同，从而输出不同的结果。

案例：

<title> if语句的嵌套 </title>

 </head>

 <body>

 <script type="text/javascript">

 var x=20;y=x;             //x、y值都为20

 if(x<1)               //x为20，不满足此条件，故其下面的代码不会执行

 {

 if(y==5)

 alert("x<1&&y==5");

 else

 alert("x<1&&y!==5");

 }

 else if(x>15)         //x满足条件，继续执行下面的语句

 {

 if(y==5)     //y为20，不满足此条件，故其下面的代码不会执行（已满足的不会被执行）

 alert("x>15&&y==5");

 else                  //y满足条件，继续执行下面的语句

 alert("x>15&&y!==5")     //这里是程序输出的结果

 }

 </script>

 </body>

效果图：

5、switch语句

switch选择语句用于将一个表达式的结果同多个值进行比较，并根据比较结果选择执行语句。语法：

Switch（表达式）

{

aase取值1：

语句块1；break

case取值2：

   语句块2；break；

...

case取值n：

   语句块n；break；

Default：

   语句块n+1;

}

switch必须赋初始值，值与每个case值匹配。满足执行该case后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。记得在case所执行的语句后添加上一个break语句，否则就直接继续执行下面的case中的语句。

案例：

<script type="text/javascript">

var now=new Date();

var day=now.getDay();  //获取系统当前日期

var week;

switch (day){

case 1:

    week="Monday";

break;
case 2:

    week="Tuesday";

break;

case 3:

    week="Wednesday";

break;

case 4:

    week="Thursday";

break;

case 5:

    week="Friday";

break;

case 6:

    week="Saturday";

break;

default:

    week="Sunday";

break;

}

document.write("今天是"+week);  //输出今天是星期几

</script>

效果图：

总结：

结合上面介绍的内容：If语句是常用语句，switch语句是效率高语句，对于判断条件较小的可以使用if语句，但是在现实一些条件判断中，就应该使用switch语句。

以上的内容部分来自“javascript从零开始学”和个人学习笔记，转载请注明出处！谢谢合作！

（6）javascript的程序控制结构及语句-----（1）条件判断的更多相关文章

  1. javascript的程序控制结构及语句------（2）循环控制语句、跳转语句、对话框

    一.循环控制语句 循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句.do...while语句 和for语句. 1.While语句 语法: While(条件表达式 ...

  2. （7）javascript的程序控制结构及语句------（2）循环控制语句、跳转语句、对话框

    一.循环控制语句 循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句.do...while语句 和for语句. 1.While语句 语法: While(条件表达式 ...

  3. 前端笔记知识点整合之JavaScript（二）关于运算符&初识条件判断语句

    运算符 数学运算符的正统,number和number的数学运算,结果是number.出于面试的考虑,有一些奇奇怪怪的数学运算: 数学运算中:只有纯字符串.布尔值.null能够进行隐式转换.   //隐 ...

  4. 前端笔记之JavaScript（二）关于运算符&初识条件判断语句

    运算符 数学运算符的正统,number和number的数学运算,结果是number.出于面试的考虑,有一些奇奇怪怪的数学运算: 数学运算中:只有纯字符串.布尔值.null能够进行隐式转换. //隐式转 ...

  5. sql语句where条件判断是否是相同的string时 原来不判断大小写

    SELECT * from api_check where api ="Worker" SELECT * from api_check where api ="worke ...

  6. c语言学习笔记 if语句的条件判断

    可能经常会看到错误的if语句示范,比如这样的: if(a=6) { printf("hello"); } if语句块执行的条件是if条件的运算结果不是0则执行if语句块. a=6这 ...

  7. SQL语句 常用条件判断

    条件判断写法: 对每天记录执行操作时,判断所限制的条件-----> 操作符:                     =      <>(不匹配检查)       !=     &l ...

  8. Python的条件判断语句------if/else语句

    计算机之所以能做很多自动化的任务,因为它可以自己做条件判断. 比如,输入用户的年龄,根据年龄打印不同的内容... Python程序中,能让计算机自己作出判断的语句就是if语句: 例: age = 25 ...

  9. 求1+2+…+n，要求不能使用乘除法、for、while、if、else、s witch、case 等关键字以及条件判断语句（A?B:C）和不用循环/goto/递归输出1~100的10种写法

    来源:据说是某一年某个公司的面试题 题目:求1+2+…+n, 要求不能使用乘除法.for.while.if.else.s witch.case 等关键字以及条件判断语句(A?B:C) 分析:这题本来很 ...

随机推荐

  1. Web 版 powerdesigner (Canvas) 技术分享

    演示地址:http://www.netuml.com:8088  <canvas></canvas>是HTML5出现的新标签,像所有的dom对象一样它有自己本身的属性.方法和事 ...

  2. redis多数据库操作

    redis下,数据库是由一个整数索引标识,而不是由一个数据库名称.默认情况下,一个客户端连接到数据库0. redis配置文件中下面的参数来控制数据库总数: databases 16   [root@M ...

  3. Java中实现多线程关键词整理

    Java中的Runable,Callable,Future,FutureTask,ExecutorService,Excetor,Excutors,ThreadPoolExcetor在这里对这些关键词 ...

  4. java内存模型3

    数据竞争与顺序一致性保证 当程序未正确同步时,就会存在数据竞争.java内存模型规范对数据竞争的定义如下: 在一个线程中写一个变量, 在另一个线程读同一个变量, 而且写和读没有通过同步来排序. 当代码 ...

  5. Tomcat8-源码编译及开发

    前言 下载Tomcat8源码进行分析,最好的方式,可以编译及运行,从网上查询了很多方式,总是不能完整的运行,由于本人采用idea编辑器,所以喜欢maven的方式,所以综合了网上的多种方案,最终可以在i ...

  6. 新鲜小玩意儿- deviceOrientation移动设备旋转事件

    <javascript高级程序设计>第三版 其中事件的章节 提到一个有意思的事件 deviceOrientation 也就是 设备(device) - orientation(方向) 贴代 ...

  7. SpringBoot系列（一）RestTemplate

    作为springBoot的开篇系列,RestTemplate只能表示我只是个意外 what RestTemplate是spring提供的用于访问rest服务的客户端(其实类似Apache的HttpCl ...

  8. 1.WF 4.5在项目中直接使用的问题

    最近公司需要在互联网产品后台进行精细化流程管理,开发了一个基于WF 4.5框架的流程引擎与图形化设计器,让流程真正的跑了起来. 基于Visual Studio 直接设计流程主要面临以下的问题: 1.需 ...

  9. 使用ThreadLocal实现的读写分离在迁移后的偶发错误

    最近莫名的会有错误日志,说有写操作因为走了读库而报了read only的异常,由于并没有造成应用使用的问题,开始我以为哪的配置错误就没当回事让程序员自己去查了,然而... 背景:之前的博客里提到过,读 ...

  10. VR全景智慧城市，完美的将虚拟与现实结合

    很多人都粗浅的认为,VR虚拟智慧城市只是简单的将智慧城市和虚拟现实相结合的产物,这样的VR虚拟智慧城市看起来更像是个VR内容产品,而非城市建设成果.但是我们换个角度来思考的话,现在很多VR虚拟智慧城市 ...