JavaScript控制手段之break/continue

简介: JavaScript控制手段之break/continue

1 break

我们看一个例子,使用for循环。

for (let i = 0; i < 10; i++) {
    if (i == 8) {
        break;
    }
    console.log(i)
}

复制

使用for循环,i小于10,增加判断,当i等于8时,break。看有什么效果。

image.png

通过控制台可以看出,循环到8,之后就没有输出了。说明break是直接退出当前循环。使整个循环循环终止。

2 continue

我们还是使用上面的例子,把break换成continue,

for (let i = 0; i < 10; i++) {
    if (i == 8) {
        continue;
    }
    console.log(i)
}

复制

还是一样,只不过是把break换成continue。

image.png

和上面用break还是有区别的,只有8没有输出,说明它不是退出循环体,只是跳过当前循环,继续执行下一次的循环,可以理解为只结束本次循环。

3 总结

我们可以使用一张图来说明这两个的区别。

image.png

这应该就很好理解了。

相关文章
|
3月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
105 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-break和continue
这篇文章介绍了JavaScript中的break和continue关键字,并通过多个示例展示了如何使用它们来控制循环流程,包括如何使用标签来指定跳出特定的循环。
45 3
JavaScript基础知识-break和continue
|
3月前
|
JavaScript 前端开发
JavaScript break 和 continue 语句
JavaScript break 和 continue 语句
21 3
|
4月前
|
JavaScript 前端开发
JavaScript 函数中break,continue,return 的区别
JavaScript 函数中break,continue,return 的区别
39 0
|
7月前
|
JavaScript
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
原生js实现【longPressKey】长按键盘任意键(或组合键)3秒触发自定义事件(以Pause/Break键为例)
|
7月前
|
JavaScript 前端开发
|
前端开发
前端知识案例25-javascript基础语法-break和continue
前端知识案例25-javascript基础语法-break和continue
48 0
前端知识案例25-javascript基础语法-break和continue
|
JavaScript
js基础笔记学习60-break和continnue
js基础笔记学习60-break和continnue
69 0
js基础笔记学习60-break和continnue
|
JavaScript 前端开发
JavaScript: switch语句、break\case !
JavaScript: switch语句、break\case !
199 0
|
JavaScript 前端开发
JavaScript的break和continue语句的使用和区别
JavaScript的break和continue语句的使用和区别 JavaScript中break 和 continue都是用来控制循环结构,即用在for循环和while循环中。区别在于: break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 1.break语句 break语句会终止循环并且跳出循环 for(var j=0;j&lt;5;j++){ if(j==3){ break; } console.log(j);//0 1 2 }