分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JavaScript中Continue与Break异同点详解

发布时间:2023-09-06 01:48责任编辑:熊小新关键词:暂无标签
在javascript中,控制循环我们常常使用continue 和 break ,那他们有什么区别呢?什么时候用continue什么时候又用break呢?下面本文就和大家详细介绍下他们的异同点,希望对大家学习前端开发有所帮助。
continue 和 break 都是用于控制循环的。我们先来看一下他们的定义:
· Continue : 结束当前的执行,并继续下一个循环。
· Break : 终止整个循环的执行。
注意: break 还可以用在 switch 中,本文主要介绍在循环中的使用。
Continue
考虑如下代码:
for (let i = 1; i <= 10; i++){
console.log(i);
}
我们有一个简单的for循环,该循环会执行10次,i的值从1一直递增到10。每一次循环将当前i的值打印出来。执行结果如下:
如果我们只想打印偶数,应该如何做呢?使用 continue 可以很容易搞定。在每一次循环我们检查是否为奇数,如果是,则跳出此次循环,继续下一次。如果不是,则打印i的值。
for (let i = 1; i <= 10; i++){
if (i % 2 == 1) continue;
console.log(i);
}
执行结果如下:
记住,当使用 continue 关键字的时候,该次循环立即结束执行, continue 往后的代码不再被执行。
Break
我们使用相同的循环来做例子:
for (let i = 1; i <= 10; i++){
console.log(i);
}
如果我们想在i的值为6的时候,终止整个循环。那么我们可以使用 break :
for (let i = 1; i <= 10; i++){
if (i == 6) break;
console.log(i);
}
如果执行上面的代码,for循环会在i为6的时候终止执行,因此6也不会被打印到控制台。
JavaScript太灵(gui)活(yi)了,出了BUG你也不知道,不妨接入Fundebug线上实时监控 。
嵌套For循环
值得注意的是, break 和 continue 都只对当前循环有效。如果我们有嵌套循环,那么就要很小心了。不妨来看下面的例子:
for (let i = 0; i < 5; i++) {
if (i % 2 == 0) continue;
for (let j = 0; j < 5; j++) {
if (j == 2) break;
console.log(`i = ${i}, j = ${j}`);
}
}
这里我们有两个循环,每一个都会执行5次(0~4)。外层的循环在i是偶数的时候,跳过当前循环执行下一个。也就是说只有i为1或则3的时候,才会执行内层的循环。
内层的循环只要j的值为2,就终止了。因此,j只有0和1。
最终结果如下:
i = 1, j = 0
i = 1, j = 1
i = 3, j = 0
i = 3, j = 1
来源:稀土掘金

JavaScript中Continue与Break异同点详解

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved