JavaScript-2.1-JavaScript 流程控制语句-分支结构
分支结构
- 顺序结构是程序设计的借本结构
- 按照语句出现的顺序从上到下依次执行
- 分支结构是需要根据不同条件进行判断，然后执行不同的操作
- if-else 结构
- switch-else 结构
一：简单 if 结构
- 通过判断 if 后面的条件是否成立
- 如果条件成立，则执行 if 后面的语句
- 如果条件不成立，则不执行 if 后面的语句
if(判断条件){
// if条件成立时，代码执行语句块
}
二：if-else 结构
- 当 if 条件成立时，执行 if 后面的语句
- 当 if 条件不成立时，执行 else 后面的语句
if(判断条件){
// 条件为true时执行的代码块
}else{
// 条件为false时执行的代码块
}
三：多重 if 结构
- 当第一个 if 成立时判断第二个 if，当第二个 if 不成立时判断第三个 if，依次类推，直到最后一个 else 结构，表示上述所有 if 条件都不成立
if(条件一){
// 条件一成立
}else if(条件二){
// 条件一不成立&&条件二成立
// else-if 部分，可以有N多个
}else{
// 条件一不成立&&条件二不成立
}
四：嵌套 if 结构
- 将一个完整的 if 结构包裹在另一个 if 结构里面
- 嵌套 if 结构是在前一个 if 条件成立时，继续判断下一个 if
if(条件一){
if(条件二){
if(条件三){
// 语句块
}
}
}else{
// 语句块
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>嵌套if结构</title>
</head>
<body>
<script type="text/javascript">
var num = prompt("Enter a number:");
if(num>=0){
if(num>=100){
document.write(num+">=100");
}else {
document.write("0<="+num+"<100");
}
}else if(num<0){
document.write("0<"+num);
}else{
document.write("Enter a number,please.");
}
</script>
</body>
</html>
效果动态图
五：switch-case 结构
- switch-case 语句是专门用于判断多路分支的语句
- 当存在很多条件的时候，首先考虑使用 switch-case 结构
1、switch-case 的基本语法
- 先计算 switch 后面表达式的值
- 然后依次与每个 case 后面的常量表达式进行比对
- 并执行比对成功的第一个 case 结构
switch(表达式){
case 常量表达式 1:
语句 1;
break;
case 常量表达式 1:
语句 1;
break;
......
default:
语句 N
break;
}
2、switch-case 的注意事项
- 在 case 后的各常量表达式的值不能相同，否则只会执行第一个
- 在 case 后允许有多个语句，可以不用{}括起来
- 每个 case 语句后需要使用 break 语句来阻止下一个 case 运行
- 各 case 和 default 子句的先后顺序可以变动，而不会影响程序执行结果
- defalut 说明了表达式的结果不等于任何一种情况时的操作，可省略
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>switch-case</title>
</head>
<body>
<script type="text/javascript">
// 提示用户输入0-3的数字
var num = parseFloat(prompt("Enter a number(0-3):"));
switch(num){
case 0:
document.write("The number is 0.");
// break 不可省略
break;
case 1:
document.write("The number is 1.");
break;
case 2:
document.write("The number is 2.");
break;
case 3:
document.write("The number is 3.");
break;
default:
document.write("This is fault.")
}
</script>
</body>
</html>
效果动态图
3、多重 if 结构 与 switch-case 结构的比较
- 多重 if 结构与 wiitch-case 结构都是用于专门实现多路分支的结构，两者在功能上类似，但是在实际应用的情况下存在一些差异
if 与 switch-case
1.多重 if 结构和 switch-case 结构都可以用来实现多路分支
2.多重 if 结构用来实现两路、三路分支比较方便，而 switch-case 结构实现三路以上分支比较方便
3. switch-case 结构通常用于判断等于的情况，而多种 if 通常用于判断区间范围
4.switch-case 结构的执行效率要比多重 if 结构更快
转载：https://blog.csdn.net/QWH_PYTHON/article/details/102523956
查看评论