break 和 continue的区别

最新推荐文章于 2025-10-20 18:30:30 发布

原创最新推荐文章于 2025-10-20 18:30:30 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #for循环 #break #continue

js 专栏收录该内容

41 篇文章

订阅专栏

本文通过两个JavaScript示例展示了break与continue的区别：break用于立即退出循环，而continue则跳过当前循环中的剩余代码并进入下一次迭代。示例包括了带有注释的HTML页面代码，演示了如何使用这两个关键字。

break是结束整个循环，continue是结束单次循环

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>break and continue</title>

	</head>

	<body>

		<p>点击按钮，测试带有 break 语句的循环。</p>
		<button onclick="myFunction1()">点击这里</button>
		<p id="demo"></p>

		<script>
			function myFunction1() {
				var x = "",
					i = 0;
				for(i = 0; i < 10; i++) {
					if(i == 3) {
						break;
					}
					x = x + "The number is " + i + "<br>";
				}
				document.getElementById("demo").innerHTML = x;
			}
		</script>

		<p>点击下面的按钮来执行循环，该循环会跳过 i=3 的步进。</p>
		<button onclick="myFunction2()">点击这里</button>
		<p id="demo2"></p>

		<script>
			function myFunction2() {
				var x = "",
					i = 0;
				for(i = 0; i < 10; i++) {
					if(i == 3) {
						continue;
					}
					x = x + "The number is " + i + "<br>";
				}
				document.getElementById("demo2").innerHTML = x;
			}
		</script>

	</body>

</html>

操作结果如下