JavaScript程序控制流中三大结构

开发 前端
本文向大家简单介绍一下JavaScript程序控制流的用法,因为在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行。

你对JavaScript程序控制流的使用是否熟悉,这里向大家描述一下,下面是常用的JavaScript程序控制流结构及语句,主要包括if条件语句,for语句和while循环语句等。

JavaScript程序控制流

在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行。下面是常用的JavaScript程序控制流结构及语句:

1、if条件语句

  基本格式:

  if(表述式)

  语句段1;

  ......

  else

  语句段2;

  .....

  功能:若表达式为true,则执行语句段1;否则执行语句段2。

  说明:if-else语句是JavaScript中最基本的控制语句,通过它可以改变语句的执行顺序。表达式中必须使用关系语句,来实现判断,它作为一个布尔值

  来估算的。它将零和非零的数分别转化成false和true。若if后的语句有多行,则必须使用花括号将其括起来。

  if语句的嵌套格式:

  if(布尔值)语句1;

  else(布尔值)语句2;

  elseif(布尔值)语句3;

  ……

  else语句4;

  在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语句,否则执行else后的语句。下面我们来看一个实例

  ifyuju.htm  

  1. <html> 
  2. <head> 
  3. <title>JavaScript程序控制流之If语句的小程序</title> 
  4. <script 
  5. language="JavaScript"> 
  6. varactivedate=newDate();  
  7. activehour=activedate.getHours()  
  8. if(activehour<12){  
  9. document.write("早上好"+"<br>")  
  10. }else{  
  11. document.write("下午好"+"<br>")  
  12. }  
  13. </script> 
  14. </head> 
  15. <body> 
  16. </body> 
  17. </html> 

   说明:该例子用先定义了一个变量activedate并用newDate函数取得当前的时间,然后通过的变量activehour取得当前的小时数,通过与12比较来确定是“早上”还是“下午”再用If语句分别执行相应的语句程序,即问“早上好”或“下午好”。#p#

2、For循环语句

  基本格式:

  for(初始化;条件;增量)

  语句集;

  功能:实现条件循环,当条件成立时,执行语句集,否则跳出循环体。

  说明:初始化参数告诉循环的开始位置,必须赋予变量的初值;条件是用于判别循环停止时的条件。若条件满足,则执行循环体,否则跳出。

       增量:主要定义循环控制变量在每次循环时按什么方式变化。三个主要语句之间,必须使用逗号号分隔。#p#

3、while循环

  基本格式:

  while(条件)

  语句集;

  说明:该语句与For语句一样,当条件为真时,重复循环,否则退出循环。For与while语句两种语句都是循语句,使用For语句在处理有关数字时更易看懂,也较紧凑;而while循环对复杂的语句效果更特别。

  xhyj11.htm   

  1. <html> 
  2. <head> 
  3. <title>JavaScript程序控制流之循环语句事例</title> 
  4. <scriptlanguagescriptlanguage="JavaScript"> 
  5. varsum=0 
  6. for(n=1;n<11;n++)  
  7. {  
  8. sumsum=sum+n  
  9. document.write(n,"  
  10. SUM=",sum,"<br>");  
  11. }  
  12. </script></head> 
  13. <body> 
  14. </body> 
  15. </html> 

   同样的效果也可以用while循环语句做出来,其代码如下(也可以通过查看源代码看到两者的区别): 

  xhyj.htm

  1. <html> 
  2. <head> 
  3. <title>JavaScript程序控制流之循环语句事例</title> 
  4. <scriptlanguagescriptlanguage="JavaScript"> 
  5. varsum,i;  
  6. i=1;  
  7. sum=0 
  8. while(i<=10){  
  9. sum+=i;  
  10. document.write(i,"  
  11. SUM=",sum,"<br>");  
  12. i++;  
  13. }  
  14. </script></head> 
  15. <body> 
  16. </body> 
  17. </html> 
  18.  

【编辑推荐】

  1. 探究JavaScript基本数据类型
  2. 浅析JavaScript表达式和运算符用法
  3. JavaScript fixed()方法语法浅析
  4. Javascript巧妙解决img做网站异常提交问题
  5. Javascript中CSS属性float特殊写法

 

 

责任编辑:佚名 来源: tech.ddvip.com
相关推荐

2010-08-16 11:33:16

DIV定位

2010-03-12 10:21:48

Python函数

2010-09-15 13:50:04

CSSposition属性

2010-07-23 13:07:39

Perl

2011-04-13 15:09:06

JavaBlackBerry

2010-08-13 13:39:51

Flex效果组件

2010-09-28 09:49:49

DOM模型

2021-09-26 10:22:41

鸿蒙HarmonyOS应用

2010-09-30 16:06:21

J2ME平台

2009-09-15 10:46:06

Visual Stud

2010-11-08 11:41:38

2010-06-04 09:08:56

2019-09-28 22:41:18

OracleMySQL隐式数据

2010-06-30 17:24:46

UML用例图

2010-04-19 09:31:44

KDE

2010-10-09 10:19:50

JavaScriptFunction

2010-03-10 15:19:06

Python源代码

2023-06-15 17:00:11

Rust循环

2009-08-19 15:31:32

C#控制台应用程序

2018-01-17 15:02:28

VMware网络连接
点赞
收藏

51CTO技术栈公众号