流程控制

JavaScript通过流程语句来执行程序流,程序流有若干语句组成。在正常情况下,程序中 的语句时按照书写顺序执行的,这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

1.选择结构

(1)if-else语句

语法:

if(condition){

  statementS;

}else{

  statements;

}

(2)if-else if-else语句

语法:

if(condition){

  statementS;

}else if{

  statements;

}

……

else{

  statements;

}

例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>选择结构</title>
<script language="JavaScript">
function max() {
var fist=parseInt(form1.fist.value);
var secod=parseInt(form1.secod.value);
if(isNaN(fist)){
alert("第一个数不是数值类型");
form1.fist.value=""; }
else if (isNaN(secod)) {
alert("第二个数不是数值类型");
form1.secod.value="";
}else{
var max=(fist>=secod?fist:secod);
document.write("两个数之间较大的数为:"+max);
} }
</script> </head>
<body>
<form name="form1">
请输入第一个数(数值型):
<input type="text" name="fist" />
<br>
请输入第二个数(数值型):
<input type="text" name="secod" />
<br>
<input type="button" ONCLICK="max()" value="选择较大值" />&nbsp;&nbsp;
<input type="reset" value="重填" />
</form>
</body>
</html>

(3)switch语句([ ]中为可选)

语法:

switch(expression){

  case value1:

    statement;

    break;

  case value2:

    statement2;

    break;

  ……

  case valueN;

    statementN;

    break;

  [defalut:

    defalutStatements;]

}

例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>switch语句</title>
</head>
<body>
<script language="JavaScript">
var day= new Date().getDay();
switch (day){
case 0:
title="今天是星期日";
break;
case 1:
title="今天是星期一"
break;
case 2:
title="今天是行权期二";
break;
case 3:
title="今天是星期三";
break;
case 4:
title="今天是星期四";
break;
case 5:
title="今天是星期五";
break;
case 6:
title="今天是星期六";
break;
}
document.write(title);
</script> </body>
</html>

2.循环语句

(1)for循环(循环次数已知的循环)

语法:

for(inintal-condition;conditin;increment){

  statements;

}

例子:

输出九九乘法表

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>循环结构</title>
</head> <body>
<font size="-1" color="blue">
<script language="JavaScript">
var i,j;
for(i=1;i<=10;i++){
for(j=1;j<=i;j++){
document.write(j+"*"+i+"="+i*j);
document.write("&nbsp;&nbsp;");
}
document.write("<br>");
}
</script>
</font> </body>
</html>

(2)for-in语句(通常用来遍历数组)

语法:

for(elements in object){

  statement;

}

例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>for-in</title>
</head>
<body>
<script language="JavaScript">
var student=new Object();
student.name="王明明";
student.no="20120156";
student.addreess="山东济南";
for(e in student){
document.write(e+":"+student[e]+"<br>");
}
</script>
</body>
</html>

(3)while语句(次数未知的循环)

语法:

while(condition){

  statement;

}

例如:

输出1-100中3的倍数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>while循环</title>
</head>
<body>
<script language="JavaScript">
var i=1;
while(i<100){
if(i%3==0){
document.write(i+"&nbsp");
}
i++;
}
</script> </body>
</html>

(4)do-while语句(该语句最少执行一次)

语法:

do{

  statement;

}

while(conditions);

例如:

计算1-100的和

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="GB2312">
<title>do-while语句</title>
</head>
<body>
<script language="JavaScript">
var i = 1;
var num = 0;
do {
sum+=i;
i++
}while(i<=100);
document.write("1-100的和是:"+sum);
</script>
</body>
</html>

转移语句

(1)break语句

break语句用于switch语句和for语句等循环语句中。用来中止switch语句,执行switch语句后的语句。

(2)continue语句

continue语句用于for,while,do-while,for-in语句中,用来结束本次循环,执行下一次循环,一般与if语句一起使用。

(3)return语句

return语句一般在函数中使用,可以使用return语句表达式的格式返回任意类型的函数值,返回的函数值可以用变量接受。

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

Javascript 流程控制的更多相关文章

  1. Javascript流程控制

    Javascript流程控制 1.条件语句 (1)if(exp)执行一句代码 (2)if(exp){执行代码段;} (3)if(exp){exp为true执行代码段}else{exp为false执行的 ...

  2. JavaScript 流程控制-分支

    JavaScript 流程控制-分支 1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能. 简单理解:流程控 ...

  3. JavaScript流程控制及函数

    1 流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code...} 双向分支 if (条件表达式){    } else {    } <!DOCTYPE html& ...

  4. javaScript流程控制与函数

    流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code... } <!DOCTYPE html> <html> <head> <m ...

  5. javascript 流程控制及函数

    回顾 基本语法 在html的使用 <script></script> 注释 ///* */ 指令结束符 ;换行 输出 console.log()document.write() ...

  6. JavaScript 流程控制(一)顺序结构与分支结构

    语句:语句可以理解为一个行为,循环语句和判断语句就是典型的语句.一个程序有很多个语句组成,一般情况下分号;分割一个一个的语句:如果省略分号,则由解析器确定语句的结尾(不推荐使用) 一.流程控制 流程控 ...

  7. JavaScript 流程控制(二)循环结构

    一.while 语句 语法结构: 声明循环变量:while (循环条件) { //循环体 // 迭代条件 } 当循环条件为 true 时,执行循环体:当循环条件为false时,结束循环. 二.do.. ...

  8. JavaScript 流程控制-循环

    1.循环 循环目的 在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 JS中的循环 在JS中,主要有三种类型的循环语句: for循环 while循环 do.. ...

  9. JavaScript学习笔记——流程控制

    javascript流程控制流程:就是程序代码的执行顺序.流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行. 一.顺序结构 按照书写顺序来执行,是程序中最基本的流程结构. 二.选择结构(分 ...

随机推荐

  1. GITHUB(github)初级使用

    Github顾名思义是一个Git版本库的托管服务,是目前全球最大的软件仓库,拥有上百万的开发者用户,也是软件开发和寻找资源的最佳途径,Github不仅可以托管各种Git版本仓库,还拥有了更美观的Web ...

  2. Kubernetes 新时代的宠儿

    本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. Kuberne ...

  3. 微信小程序内嵌网页的一些(最佳)实践

    前言 3 个月前,微信小程序推出了 web-view 组件引发了一波小高潮,笔者所在的大前端团队写过一篇浅析,详情可见:浅谈微信小程序前端生态. 我们曾大胆猜想,这一功能,可能直接导致小程序数量增长迎 ...

  4. alert换行

    alert( "视频会议系统开启流程 " + String.fromCharCode(13) + "1.  软件下载之后双击安装即可." + String.fr ...

  5. springboot redis(单机/集群)

    前言 前面redis弄了那么多, 就是为了在项目中使用. 那这里, 就分别来看一下, 单机版和集群版在springboot中的使用吧.  在里面, 我会同时贴出Jedis版, 作为比较. 单机版 1. ...

  6. 【原创】《windows驱动开发技术详解》第4章实验总结二

    1 实验要求(WDM驱动)     2 编写过程   2.1 确立整体架构   2.1.1 入口函数——DriverEntry   (1)作用 设置pDriverObject结构体,注册AddDevi ...

  7. 【MySQL经典案例分析】 Waiting for table metadata lock

    本文由云+社区发表 一. 问题是这样来的 ​ 2018年某个周末,接到连续数据库的告警,告警信息如下: 二. 苦逼的探索过程 1.总体的思路 看到too many connection的报错信息,基本 ...

  8. C语言 标准输入 清空缓存

  9. [机器学习]正则化方法 -- Regularization

    那添加L1和L2正则化有什么用?下面是L1正则化和L2正则化的作用,这些表述可以在很多文章中找到. L1正则化可以产生稀疏权值矩阵,即产生一个稀疏模型,可以用于特征选择 L2正则化可以防止模型过拟合( ...

  10. 记一次SSM项目小结(一)

    记一次SSM项目小结(一) ssm框架 环境配置 服务器配置 解决方法  拦截器重定向到localhost nginx和tomcat中session失效 mybatis的xml文件不生效 数据库用户创 ...