JavaScript-2.1-JavaScript 流程控制语句-分支结构

最新推荐文章于 2024-02-01 15:29:06 发布

anh_qwh

最新推荐文章于 2024-02-01 15:29:06 发布

阅读量236

点赞数

分类专栏： WEB前端 JavaScript 文章标签： if switch-case

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/102523956

版权

WEB前端同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaScript

27 篇文章 0 订阅

订阅专栏

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 结构更快

anh_qwh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-2.1-JavaScript 流程控制语句-分支结构

JavaScript-2.1-JavaScript 流程控制语句-分支结构分支结构一：简单 if 结构二：if-else 结构三：多重 if 结构四：嵌套 if 结构五：switch-case 结构1、switch-case 的基本语法2、switch-case 的注意事项3、多重 if 结构与 switch-case 结构的比较分支结构顺序结构是程序设计的借本结构按照语句出现的顺序从...
复制链接

扫一扫