详解JavaScript中循环控制语句的用法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了详解JavaScript中循环控制语句的用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3170字，纯文字阅读大概需要5分钟。
内容图文
JavaScript提供完全控制来处理循环和switch语句。可能有一种情况，当你需要退出一个循环，但未达到其底部。也可能有一种情况，当要跳过的码块的一部分，并直接开始下一个迭代。
为了处理这些情况下，JavaScript提供了break和continue语句。这些语句是用来马上退出任何循环或启动循环的下一次迭代。
break 语句:
break语句，这是简单地用switch语句介绍，用于提前退出循环，打破封闭的花括号。
例子：
这个例子说明了如何使用break语句同while循环。请注意循环打破了初期由x到5，document.write(..) 语句的正下方，以右大括号：
<script type="text/javascript">
<!--
var x = 1;
document.write("Entering the loop<br /> ");
while (x < 20)
{
if (x == 5){
break; // breaks out of loop completely
}
x = x + 1;
document.write( x + "<br />");
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
这将产生以下结果：
Entering the loop 2 3 4 5 Exiting the loop!
我们已经看到break语句在switch语句中使用。
continue 语句:
continue语句告诉解释器立即启动循环的下一次迭代，并跳过其余的代码块。
当遇到continue语句，程序流程将立即转移到循环检查表达式，如果条件保持真，那么就开始下一个迭代，否则控制退出循环。
例子：
这个例子说明使用continue语句同while循环。请注意continue语句用于跳过打印时指数变量x到达5：
<script type="text/javascript">
<!--
var x = 1;
document.write("Entering the loop<br /> ");
while (x < 10)
{
x = x + 1;
if (x == 5){
continue; // skill rest of the loop body
}
document.write( x + "<br />");
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
这将产生以下结果：
Entering the loop 2 3 4 6 7 8 9 10 Exiting the loop!
使用标签来控制流程：
从JavaScript1.2开始，标签可以与break及continue使用，继续更精确地控制流程。
标签是简单的标识符随后被施加到一个语句或代码块冒号。看到两个不同的例子来了解标签使用突破，并继续。
注：换行符是不是继续还是分手声明，其标签名称之间允许的。此外，不应该有一个标签名称和相关联的回路之间的任何其它声明。
实例1:
<script type="text/javascript">
<!--
document.write("Entering the loop!<br /> ");
outerloop: // This is the label name
for (var i = 0; i < 5; i++)
{
document.write("Outerloop: " + i + "<br />");
innerloop:
for (var j = 0; j < 5; j++)
{
if (j > 3 ) break ; // Quit the innermost loop
if (i == 2) break innerloop; // Do the same thing
if (i == 4) break outerloop; // Quit the outer loop
document.write("Innerloop: " + j + " <br />");
}
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
这将产生以下结果：
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 2 Outerloop: 3 Innerloop: 0 Innerloop: 1 Innerloop: 2 Innerloop: 3 Outerloop: 4 Exiting the loop!
实例2:
<script type="text/javascript">
<!--
document.write("Entering the loop!<br /> ");
outerloop: // This is the label name
for (var i = 0; i < 3; i++)
{
document.write("Outerloop: " + i + "<br />");
for (var j = 0; j < 5; j++)
{
if (j == 3){
continue outerloop;
}
document.write("Innerloop: " + j + "<br />");
}
}
document.write("Exiting the loop!<br /> ");
//-->
</script>
这将产生以下结果：
Entering the loop! Outerloop: 0 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 1 Innerloop: 0 Innerloop: 1 Innerloop: 2 Outerloop: 2 Innerloop: 0 Innerloop: 1 Innerloop: 2 Exiting the loop!
内容总结
以上是互联网集市为您收集整理的详解JavaScript中循环控制语句的用法全部内容，希望文章能够帮你解决详解JavaScript中循环控制语句的用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。