Javascript中什么是流程控制(代码实例)

发布网友发布时间：2023-07-31 09:42

共1个回答

热心网友时间：2024-12-05 12:32

本篇文章给大家带来的内容是介绍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""
<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语句表达式的格式返回任意类型的函数值，返回的函数值可以用变量接受。
总结：