JavaScript跳出循环

yizhihongxing

JavaScript中,跳出循环有两种方式:使用break和continue关键字。

1. 使用break关键字

break关键字用于跳出当前循环语句,使程序不再执行循环体中的代码。当程序遇到break关键字时,程序将自动退出当前的循环语句,继续执行后面的代码。

例如,以下代码将循环输出数组中的所有元素,但是当遇到数字3时,程序将跳出循环。

var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    break;
  }
  console.log(arr[i]);
}

输出结果:

1
2

2. 使用continue关键字

continue关键字用于结束本次循环,跳过循环体中剩余的代码,接着执行下一次循环。当程序遇到continue关键字时,程序将结束本次循环,直接跳到下一次循环开始的地方。

例如,以下代码将循环输出数组中的所有元素,但是当遇到数字3时,程序将跳过本次循环,直接进入下一次循环。

var arr = [1, 2, 3, 4, 5];
for (var i = 0; i < arr.length; i++) {
  if (arr[i] === 3) {
    continue;
  }
  console.log(arr[i]);
}

输出结果:

1
2
4
5

注意:使用break和continue关键字时,尽可能避免使用在嵌套循环中,不加限制条件易陷入死循环中。

完整二者使用实例:

for (var i = 0; i < 10; i++) {
  if (i === 3) {
    console.log("跳过3");
    continue;
  }
  if (i === 6) {
    console.log("跳出循环");
    break;
  }
  console.log(i);
}

输出结果:

0
1
2
跳过3
4
5
跳出循环

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript跳出循环 - Python技术站

(0)
上一篇 2023年3月30日
下一篇 2023年3月30日

相关文章

  • php+ajax制作无刷新留言板

    让我来详细讲解一下PHP+Aajx制作无刷新留言板的完整攻略。 1. 确定需求 在开始之前,我们需要先确定需求,以便清晰地了解要实现哪些功能。通常,一个简单的留言板需要的功能包括: 用户可以在留言板上发布留言,留言包括标题和内容; 用户可以查看已发布的留言列表,每个留言包括标题、内容和发布时间。 接下来,我们将实现这两个功能。 2. 设计数据库 在开始编写代…

    css 2023年6月10日
    00
  • BootstrapValidator验证用户名已存在(ajax)

    让我来为你详细讲解“BootstrapValidator验证用户名已存在(ajax)”的完整攻略。 标题 首先,我们需要给这个攻略起个标题。根据内容,可以考虑起名为“BootstrapValidator验证用户名已存在(ajax)”。 说明 为了实现这个功能,我们需要用到以下内容: BootstrapValidator插件 Ajax请求来检查用户名是否已存在…

    JavaScript 2023年6月10日
    00
  • Bootstrapvalidator校验、校验清除重置的实现代码(推荐)

    讲解BootstrapValidator校验、校验清除重置的实现代码需要以下步骤: 1. 引入BootstrapValidator插件库 在HTML文档中,需要先引入BootstrapValidator的插件库,如下所示: <link rel="stylesheet" href="https://cdn.jsdelivr.…

    JavaScript 2023年6月10日
    00
  • JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

    JS网页图片查看器是一种用JavaScript编写的插件,可以在网页中显示图片,并且兼容IE和Firefox浏览器,支持放大、缩小、移动等功能。以下是使用JS网页图片查看器的完整攻略。 步骤一:引入插件文件 将JS网页图片查看器的插件文件引入网页中,可以使用以下代码实现: <link rel="stylesheet" href=&q…

    JavaScript 2023年6月11日
    00
  • Vue手动埋点设计的方法实例

    Vue手动埋点设计是前端监控的一种重要手段,它可以用来收集用户的行为数据,帮助我们了解用户的操作行为,进而更好地进行网站优化。 下面我将介绍一些Vue手动埋点的设计方法: 1. 添加事件监听器 在Vue中,我们可以通过v-on指令来添加事件监听器,例如: <button v-on:click="onButtonClick">点…

    JavaScript 2023年6月11日
    00
  • js跳转页面方法总结

    JS跳转页面方法总结 在Web开发中,JS跳转页面是非常常见的操作。下面我们来总结几种JS跳转页面的方法。 方法一:使用JavaScript中的location对象 可以通过JavaScript提供的location对象来实现跳转页面的功能。使用方法如下: // 跳转到指定URL location.href = "http://www.exampl…

    JavaScript 2023年6月11日
    00
  • JavaScript中计算网页中某个元素的位置

    计算网页中某个元素的位置是前端开发中经常会遇到的需求,在JavaScript中可以通过以下步骤来实现: 获取元素 要计算某个元素的位置,首先需要获取到该元素。在JavaScript中,可以通过以下方法来获取元素: const element = document.getElementById(‘elementId’); 其中,’elementId’为要获取元…

    JavaScript 2023年6月11日
    00
  • js鼠标按键事件和键盘按键事件用法实例汇总

    下面是“js鼠标按键事件和键盘按键事件用法实例汇总”的完整攻略。 一、鼠标按键事件 鼠标按键事件是指用户通过鼠标在网页上进行的操作,常用的鼠标按键事件有mousedown、mouseup、click、dbclick、mousemove等。 1. mousedown事件 mousedown事件在鼠标按下的时候触发,常用于实现鼠标拖动等交互效果。示例代码如下: …

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部