本文详细介绍了JavaScript中的流程控制语句，包括if判断、if...else选择、switch选择、while循环、do...while循环以及for循环的用法，通过实例展示了它们在实际编程中的应用，帮助读者深入理解JavaScript的控制流程。
1. if 判断语句
if 语句是使用最为常用的条件选择语句，每一种编程语言都有一种或多种形式的if语句；
if 语句的语法格式如下所示：
if(条件语句){
执行语句;
}
条件语句可为任何一种逻辑表达式，若条件语句的返回结果为TRUE，则程序先执行后面大括号{ }对中的 执行语句，再执行后面的其他语句；
若条件语句的返回结果为FALSE，则程序代码就跳过条件语句，直接执行程序代码后面的其他语句；
大括号{ } 的作用是将多条语句组合成一个复合语句，作为一个整体来处理，若大括号中只要一条语句，可省略大括号{ }；
例子1：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var b = 5;
if(b>4)
alert("b>4");
</script>
</body>
</html>
if 语句会先判断 b 的值是否大于 4，若条件成立，弹出 “b>4”的提示，否则什么都不执行；
2. if…else 语句
if…else 语句通常用于一个条件需要两个程序分支来执行的情况；
语法格式如下所示：
if(条件语句)
{
执行语句 1;
}
else
{
执行语句 2;
}
在if 语句后添加一个 else 从句，这样当条件语句返回结果为 FALSE时，执行 else 从句后面的代码；
例子 2：
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var a =12;
if(a==10)
{
alert("a==10");
}
else
{
alert("a!=10");
}
</script>
</body>
</html>
3. switch 选择语句
switch 选择语句常用于将一个表达式的结果同多个值进行比较，并根据比较结果选择执行语句；
语法格式如下所示：
switch(表达式)
{
case 取值 1 :
语句 1;
break;
case 取值 2 :
语句 2;
break;
...
case 取值 n :
语句 n;
break;
default :
语句块 n+1;
}
例子 3：
<html>
<head>
<meta charset="utf-8">
<title>switch 选择语句的应用</title>
<script type="text/javascript">
function btnOK(){
var txtBookId = document.all.txtBookId.value;
txtBookId = parseInt(txtBookId);
switch(txtBookId)
{
case 1:
window.alert("您选择的专业是：土木！");
break
case 2:
window.alert("您选择的专业是：计算机！");
break
case 3:
window.alert("您选择的专业是：学前教育！");
break
case 4:
window.alert("您选择的专业是：市场营销！");
break
default:
window.alert("请输入正确的序号！")
document.all.txtBookId.focus();
}
}
</script>
</head>
<body>
<form action="#" name="frmSwitch">
<table align="center" width=100% border="1" cellspacing="0">
<tr>
<td colspan="2">输入团购商品号：</td>
</tr>
<tr>
<td>1：土木</td>
<td>2：计算机</td>
</tr>
<tr>
<td>3：学前教育</td>
<td>4：市场营销</td>
</tr>
<tr>
<td colspan="2">
<input type="text" name="txtBookId">
<input type="button" value="选择" onclick="btnOK()">
</td>
</tr>
</table>
</form>
</body>
4. while 语句
while 语句是循环语句，也是判断语句；
语法格式如下所示：
while(条件表达式语句)
{
执行语句;
}
当条件表达式语句的返回值为 TRUE 时，则执行大括号 { } 中的语句，当执行完大括号 { } 中的语句后，再次检测条件表达式，若返回值还为 TRUE，则重复执行大括号 { } 中的语句，知道返回值为 FALSE，结束整个循环过程，接着往下执行 while 语句段后面的程序代码；
例子 4：
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table width=50% border="1">
<script>
var n=1;
while (n<=8) //循环8次
{
"<tr>"
document.write("<td align=center>"+"第 "+n+" 列</td>");
n++;
}
"</tr>"
</script>
</table>
</body>
</html>
5. do…while 语句
do…while 语句的功能跟 while 语句莱斯，不过它是执行完第一次循环后才检测条件表达式的值，即包含在大括号中的语句至少要被执行一次；
do…while 语句结尾处的 while 条件语句的括号后有一个分号 “;”；
语法格式如下所示：
do
{
执行语句
}
while(条件表示式语句);
例子 5：
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var m=1;
do
{
document.write("<p>这是第"+m+"个");
m++;
}while(m<=8);
</script>
</body>
</html>
6. for 语句
for 语句由两部分组成，一部分是条件控制部分，一部分是循环部分；
语法格式如下：
for(初始化表达式;循环条件表达式;循环后的操作表达式)
{
执行语句;
}
使用 for 循环前要先设定一个计数器数量，可在 for 循环之前设置，也可在使用时进行定义；
初始化表达式表示计数器变量的初始值；
循环条件表达式是一个计数器变量的表达式，决定了计数器的最大值；
循环后的曹组哦表达式表示循环的步长，即没循环一次，计数器数量值的变化，该变化可以是增大的，或减小的，或其他运算；
for 循环可以嵌套使用；
例子 6：
<html>
<head>
<meta charset="utf-8">
<title>for 语句示例</title>
</head>
<body>
<script>
for(var m=9;m>=1;m--)
{
for (var n=9;n>=m;n--)
{
if(n*m<10)
{
document.write(" ");
}
document.write(n*m+" ");
}
document.write("<br>")
}
</script>
</body>
</html>
1962
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
