JavaScript-2.3-JavaScript 流程控制语句-流程控制语句

最新推荐文章于 2023-01-01 16:15:16 发布

anh_qwh

最新推荐文章于 2023-01-01 16:15:16 发布

阅读量296

点赞数

分类专栏： WEB前端 JavaScript 文章标签： JavaScript break continue return

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

版权

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

61 篇文章 0 订阅

订阅专栏

JavaScript

27 篇文章 0 订阅

订阅专栏

JavaScript-2.3-JavaScript 流程控制语句-流程控制语句

流程控制语句

流程控制语句

break
continue
return

一：break 语句

跳过本层循环，继续执行循环后面的语句

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>break</title>
</head>
<body>
	<script type="text/javascript">	
		for(var i=1;i<=5;i++){
			// i=3 时，break 语句将跳过本层循环
			if(i==3){
				break;
			}
			console.log(i);
		}
		console.log("循环结束");
	</script>
</body>
</html>

效果图
在这里插入图片描述

二：continue 语句

跳过本次循环中循环体剩余的语句而继续执行下一次循环

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>continue</title>
</head>
<body>
	<script type="text/javascript">	
		for(var i=1;i<=5;i++){
			// i=3 时，continue 语句只会跳过本次循环，继续执行下一次循环
			if(i==3){
				continue;
			}
			console.log(i);
		}
		console.log("循环结束");
	</script>
</body>
</html>

效果图
在这里插入图片描述

注意
1.对于 for 循环，continue 语句执行之后的操作是变量更新
2.对于 while 循环和 do-while 循环，continue 语句执行之后的操作是条件判断，必须将循环变量更新语句放到 continue 语句之上，否则造成死循环

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>死循环案例</title>
</head>
<body>
	<script type="text/javascript">
		var i = 0;	
		while(i<=5){
			/*
			i=3时，continue 语句被执行，将跳过本次循环后面的语句，包括i++
			导致循环变量没有更新，而导致死循环
			*/
			if(i==3){
				console.log(i);
				continue;
			}
			console.log(i);
			i++;
		}
		console.log("循环结束");
	</script>
</body>
</html>

效果动态图
在这里插入图片描述

总结
1.break 语句用在循环中，可以直接终止循环，将控制转向循环后面的语句
2.continue 语句的作用是跳过循环体中剩余的语句而直接执行下一次循环

三：return 语句

return 语句只能用于函数中，将会直接终止当前函数执行，包括循环后面的语句也不再执行

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>return</title>
</head>
<body>
	<script type="text/javascript">
		!function(){
			for(var i=1;i<=5;i++){
				// i=3时，return 语句执行将直接终止当前函数，包括循环体后面的语句
				if(i==3){
					return;
				}
				console.log(i);
			}
			console.log("循环结束");
		}();
	</script>
</body>
</html>