JavaScript中break与continue语句的区别及用法详解
作者:闭包旅人时间:2026-10-28 20:19:57浏览:445
本文详细解析JavaScript中break和continue语句在循环控制中的不同行为。通过对比两个代码示例,说明break用于立即终止整个循环,而continue仅跳过当前迭代并进入下一次循环。文章包含完整的do-while和for循环代码演示,帮助开发者准确掌握两者的使用场景。
break与continue语句概述
break和continue语句为JavaScript中的循环代码提供了更精细的流程控制机制。其中,break语句的作用是立即终止当前所在的整个循环,不再执行循环体内剩余的代码;而continue语句则仅跳过当前这一次迭代,根据循环条件判断是否继续执行下一次迭代。
break语句示例
break
代码如下:
<script language="javascript">
var aNumbers = new Array();
var sMessage = "你输入了:<br>";
var iTotal = 0;
var vUserInput;
var iArrayIndex = 0;
do{
vUserInput = Number(prompt("输入一个数字,或者'0'退出","0"));
if(isNaN(vUserInput)){
document.write("输入错误,请输入数字,'0'退出<br>");
break; //输入错误直接退出整个do循环体
}
aNumbers[iArrayIndex] = vUserInput;
iArrayIndex++;
}while(vUserInput != 0) //当输入为0(默认值)时退出循环体
//for循环遍历数组的常用方法:
for(var i=0;i<aNumbers.length;i++){
iTotal += Number(aNumbers[i]);
sMessage += aNumbers[i] + "<br>";
}
sMessage += "总数:" + iTotal;
document.write(sMessage);
</script>
continue语句示例
continue
代码如下:
<script language="javascript">
var aNumbers = new Array();
var sMessage = "你输入了:<br>";
var iTotal = 0;
var vUserInput;
var iArrayIndex = 0;
do{
vUserInput = Number(prompt("输入一个数字,或者'0'退出","0"));
if(isNaN(vUserInput)){
alert("输入错误,请输入数字,'0'退出");
continue; //输入错误则退出当前循环,继续下一次循环
}
aNumbers[iArrayIndex] = vUserInput;
iArrayIndex++;
}while(vUserInput != 0) //当输入为0(默认值)时退出循环体
//for循环遍历数组的常用方法:
for(var i=0;i<aNumbers.length;i++){
iTotal += Number(aNumbers[i]);
sMessage += aNumbers[i] + "<br>";
}
sMessage += "总数:" + iTotal;
document.write(sMessage);
</script>
通过以上两个示例,相信读者已经清晰理解了break与continue在循环控制中的核心区别。
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
