您的位置:首页> 前端教程> JS教程
文章导航

JavaScript break与continue语句

2018-9-9 00:45| 作者: admin| 查看: 1428| 评论: 2|来自: 蚂蚁部落

如果想要跳出函数的执行可以使用return语句。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
function func(){
    return;
    console.log("蚂蚁部落");
}
func();

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201809/09/004625lrf8jjzvpiacjjri.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

调用func函数,遇到return语句,那么跳出整个函数的执行。

于是console.log方法得不到执行,不会打印"蚂蚁部落"。

关于函数和return语句可以参阅如下两篇文章:

(1).JavaScript 函数详解一章节。

(2).JavaScript return语句一章节。

退出循环语句,则不能使用return语句,而是要使用break和continue语句。

虽然它们两个都可以退出循环语句,但是退出的方式又有很大区别。

下面通过代码实例分别介绍一下它们的用法和区别。

一.break语句:

break语句可以彻底跳出循环语句,以后不再执行。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
let num=0;
for(let count=1;count<12;count++){
    num=num+2;
    if(num==8){
        break;
    }
    console.log(num);
}

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201809/09/004722oh999uppcuvi74kv.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面代码通过for循环语句实现了num的累加效果。

如果num等于8,则使用break语句跳出整个for循环,执行for循环语句后面的代码。

二.continue语句:

如果说break是决裂,那么continue则温和很多,只是跳过本次循环,继续下一次循环。

代码实例如下:

[JavaScript] 纯文本查看 复制代码运行代码
let num=0;
for(let count=1;count<12;count++){
    num=num+2;
    if(num==8){
        continue;
    }
    console.log(num);
}

代码运行效果截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201809/09/004800symtn8nkluu8p2ty.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

此段代码和上一段代码唯一区别,是将break改为continue。

continue不会终止整个循环语句的执行,而是结束循环语句的当前循环,然后进行下一次循环。

代码分析如下:

(1).当count等于4的时候,num值累加到8。

(2).执行continue语句,这时候,并不是跳出整个for循环语句。

(3).而是跳出count等于4这次循环,继续进行count等于5这次循环,然后继续进行下去。

三.break与continue区别:

看完上面两个语句的介绍,两者的区别应该很清晰了,可以说没必要继续看下面的。

如果还有一点点的疑惑,下面再来用通俗的语言做一下描述。

假设有皇帝要选美女,那么这时候循环语句开启,美女挨个让皇帝过目。

break陛下,不贪心,选中一个美女之后,就终止了选美。

continue陛下,可能比较贪心,选中以后,喊了一句“下一个”,也就是继续循环的进行。

3

鲜花
1

握手

雷人

路过

鸡蛋

刚表态过的朋友 (4 人)

发表评论

最新评论

引用 前端小咸鱼 2019-8-17 17:46
那多层循环呢
引用 九亿少女的梦 2019-1-28 17:24
简单,容易懂!

查看全部评论(2)

返回顶部