详解JS中continue关键字和break关键字的区别-前端开发

详解JS中continue关键字和break关键字的区别目录 1.框架 2.简单介绍 3.代码演示 4.演示break 1.框架 !DOCTYPE html html head meta charset=utf-8 title/title /head body script /script /body /html 2.简单介绍 1.在ja ...

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>

到此这篇关于详解JS中continue关键字和break关键字的区别的文章就介绍到这了,更多相关JS continue break区别内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！