Javascript 流程控制
流程控制
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="选择较大值" />
<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(" ");
}
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+" ");
}
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 流程控制的更多相关文章
- Javascript流程控制
Javascript流程控制 1.条件语句 (1)if(exp)执行一句代码 (2)if(exp){执行代码段;} (3)if(exp){exp为true执行代码段}else{exp为false执行的 ...
- JavaScript 流程控制-分支
JavaScript 流程控制-分支 1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能. 简单理解:流程控 ...
- JavaScript流程控制及函数
1 流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code...} 双向分支 if (条件表达式){ } else { } <!DOCTYPE html& ...
- javaScript流程控制与函数
流程控制 1.1 条件语句 分支结构 单向分支 if (条件表达式) { code... } <!DOCTYPE html> <html> <head> <m ...
- javascript 流程控制及函数
回顾 基本语法 在html的使用 <script></script> 注释 ///* */ 指令结束符 ;换行 输出 console.log()document.write() ...
- JavaScript 流程控制（一）顺序结构与分支结构
语句:语句可以理解为一个行为,循环语句和判断语句就是典型的语句.一个程序有很多个语句组成,一般情况下分号;分割一个一个的语句:如果省略分号,则由解析器确定语句的结尾(不推荐使用) 一.流程控制 流程控 ...
- JavaScript 流程控制（二）循环结构
一.while 语句 语法结构: 声明循环变量:while (循环条件) { //循环体 // 迭代条件 } 当循环条件为 true 时,执行循环体:当循环条件为false时,结束循环. 二.do.. ...
- JavaScript 流程控制-循环
1.循环 循环目的 在实际问题中,有许多具有规律性的重复操作,因此在程序中要完成这类操作就需要重复执行某些语句 JS中的循环 在JS中,主要有三种类型的循环语句: for循环 while循环 do.. ...
- JavaScript学习笔记——流程控制
javascript流程控制流程:就是程序代码的执行顺序.流程控制:通过规定的语句让程序代码有条件的按照一定的方式执行. 一.顺序结构 按照书写顺序来执行,是程序中最基本的流程结构. 二.选择结构(分 ...
随机推荐
- [JavaScript]catch(ex)语句中的ex
try/catch语句是JavaScript语句提供的异常处理机制,一旦try语句块内部的语句抛出异常,在catch语句块即可捕获到Error类型的异常信息.我们知道JavaScript里是没有块作用 ...
- HttpContextAccessor不会出现线程同步问题？
我有一段比较常规的.net core mvc代码,就是StartUp函数中注册HttpContextAccessor到系统DI工厂中,如图: 然后调用方是service层,这个service层是使用a ...
- File Explore 中data权限修改，实体机
如图: 1)root手机,360root 2)RootBrowser 改权限 3)ok
- 【杂谈】tocmat是何时写回响应数据报的
疑问的产生 这个疑问是我在写文件下载的时候产生的,我是用HttpServletResponse获取到Outputstream,然后利用OutputStream直接写数据的.当时我就想这个OutputS ...
- Go随机数
Go math/rand包用于生成随机数. 代码: package main import "fmt" import "math/rand" func main ...
- python实战学习之matplotlib绘图
matplotlib 是最流行的Python底层绘图库,主要做数据可视化图表 可以将数据可视化,能够更直观的呈现数据 matplotlib绘图基本要点 首先实现一个简单的绘图 # 导入pyplot f ...
- Django 系列博客（二）
Django 系列博客(二) 前言 今天博客的内容为使用 Django 完成第一个 Django 页面,并进行一些简单页面的搭建和转跳. 命令行搭建 Django 项目 创建纯净虚拟环境 在上一篇博客 ...
- JavaScript 系列博客（三）
JavaScript 系列博客(三) 前言 本篇介绍 JavaScript 中的函数知识. 函数的三种声明方法 function 命令 可以类比为 python 中的 def 关键词. functio ...
- 【golang-GUI开发】struct tags系统（二）qt的自定义组件和构造函数
今天我们来讲讲自定义组件和它的构造函数. 在前面的文章里我们已经接触了好几个自定组件,这次的示例是一个自定义对话框,他有一个about按钮,点击按钮可以显示出Qt的信息或者用户输入的信息.这是效果图: ...
- Spring Boot入门（11）实现文件下载功能
在这篇博客中,我们将展示如何在Spring Boot中实现文件的下载功能. 还是遵循笔者写博客的一贯风格,简单又不失详细,实用又能让你学会. 本次建立的Spring Boot项目的主要功能 ...