详解JS中continue关键字和break关键字的区别

来源：jb51　　时间：2022/8/2 18:47:16　　对本文有异议

1.框架

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            
        </script>
    </body>
</html>

2.简单介绍

1.在javascript中continue的作用是退出当前次循环，如果本次循环不是最后一次，或者循环还没结束那么继续执行下一次循环，直到循环结束。

2.在javascript中break的作用则是一旦当前循环有break那么直接退出整个循环，不管循环结束没结束，亦或是是不是最后一次，直接结束循环。

3.代码演示

1.先演示continue，这里用例子1到100之间，求抛去整10的数的和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue 	退出当前循环次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				
 
			}
			
 
		
		</script>
	</body>
</html>

这里的话我们定义一个sum变量名，用来接收和，并且使用for循环来写

2.添加判断条件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue  关键字练习	退出当前循环次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				if(i%10==0){
					
				}else{
					
				}
 
			}
			
		</script>
	</body>
</html>

这里利用if语句判断当i取余10为0时，则退出当前循环，不为0则累加，这样就达到了我们想要的效果

3.添加continue

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue  关键字练习	退出当前循环次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				if(i%10==0){
					continue
				}else{
					sum+=i
				}
 
			}
			alert(sum);
 
		</script>
	</body>
</html>

这样我们就得到了1到100之间抛去整10其他所有数的和了

4.演示break

1.这里用例子，用户输入一个数字，计算1到用户输入的数的和以及平均数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
 
 
			// break  退出整个循环
		
			var saw = prompt('请输入你想在何时停止')
			for (var i = 1; i <= 100; i++) {
				
			}
			sum = sex / i
		
		</script>
	</body>
</html>

同样这里我们会用到for循环

2.添加判断条件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	
 
			// break  退出整个循环
			var sex = 0;
			var sum = 0;
			var saw = prompt('请输入你想在何时停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
				
				} else {
				
				}
			}
		
		</script>
	</body>
</html>

这里的话我们定义两个变量分别用来计算和，以及平均数

3.添加break

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
			// break  退出整个循环
			var sex = 0;
			var sum = 0;
			var saw = prompt('请输入你想在何时停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
					break
				} else {
					sex += i
				}
			}
			sum = sex / i
		
		</script>
	</body>
</html>

这里当i取余用户输入的数字正好为0时，那么就推出循环，最后sum计算出平均数

4.输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	
 
			// break  退出整个循环
			var sex = 0;
			var sum = 0;
			var saw = prompt('请输入你想在何时停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
					break
				} else {
					sex += i
				}
			}
			sum = sex / i
			alert( '和是'+ sex  +'\n'+'平均数是'+ sum);
		</script>
	</body>
</html>