JavaScript跳出循环

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日

相关文章

  • ES6中async函数与await表达式的基本用法举例

    下面是关于ES6中async函数与await表达式的基本用法及示例说明的完整攻略。 什么是async函数与await表达式 在ES6中,async函数是用来简化异步代码的一种新语法,它是Generator函数的语法糖。async函数返回一个Promise对象,可以使用then方法添加回调函数。同时,async函数内部可以使用await表达式,它用于等待一个P…

    JavaScript 2023年5月27日
    00
  • JavaScript Array对象使用方法解析

    JavaScript Array对象使用方法解析 概述 JavaScript中的Array对象是一个非常重要的数据结构类型,可以用来存储相同类型的数据,并且可以通过封装在Array对象上的各种方法,方便地进行增、删、改、查等操作。本文将详细地解析JavaScript Array对象的使用方法,包括数组的创建、增删元素、遍历、排序、查找等操作。 数组的创建 方…

    JavaScript 2023年5月27日
    00
  • JS常用的4种截取字符串方法

    是的,JS常用的4种截取字符串方法很重要,在此我将为您详细讲解它们。以下是四种截取字符串的方法: 1. slice() slice() 方法可从已有的字符串中提取某个部分并返回这个部分。该方法的语法如下: string.slice(start, end) 其中,start 是开始位置的索引,end 是结束位置的索引(不包括该位置的字符)。如果省略 end,则…

    JavaScript 2023年5月28日
    00
  • layui按条件隐藏表格列的实例

    下面是针对“layui按条件隐藏表格列的实例”的完整攻略: 需求背景 有时候我们需要按照条件隐藏表格中的某几列,比如说当表格中的某些列没有数据时,我们就需要将这些列隐藏起来,以免影响表格的美观性和用户体验。而layui是一款非常实用的前端UI框架,拥有很多便捷的表格API,因此本文将介绍如何利用layui实现按条件隐藏表格列的功能。 实现步骤 步骤一:准备工…

    css 2023年6月10日
    00
  • JavaScript代码优化技巧示例详解

    JavaScript代码优化技巧示例详解 作为一个合格的JavaScript开发者,不仅要求编写出正确的代码,还要考虑代码的性能和可维护性。下面是一些JavaScript代码优化技巧: 1. 避免使用全局变量 在JavaScript中,全局变量会存在全局作用域中,可以被任何函数访问,这样会造成变量污染和内存泄漏问题。因此,我们应该尽量避免使用全局变量,可以将…

    JavaScript 2023年5月28日
    00
  • 详解html5页面 rem 布局适配方法

    下面是详解“详解HTML5页面rem布局适配方法”的完整攻略: 什么是rem布局 rem 是root em(根em)的缩写,指相对于 HTML 根元素的字体大小来计算其他元素大小的一种尺寸单位。在移动端开发中,rem 布局是一种常用的页面适配方案,其可以让页面元素在不同设备中具有类似的显示效果。 如何实现rem布局 第一步:设置 html 根元素的字体大小 …

    css 2023年6月11日
    00
  • Vue实现监听某个元素滚动,亲测有效

    为了讲解方便,我将整个攻略分为以下几个部分: 安装Vue.js依赖 在开始使用Vue.js之前,我们需要先安装它的依赖。我们可以使用npm或yarn来安装,具体步骤如下: 使用npm安装 npm install vue –save 使用yarn安装 yarn add vue 创建Vue实例 在安装好Vue.js依赖后,我们可以开始创建Vue实例了。在实例化…

    css 2023年6月10日
    00
  • 基于element-ui组件手动实现单选和上传功能

    下面是“基于element-ui组件手动实现单选和上传功能”的完整攻略: 前言 element-ui是一款非常流行的UI组件库,提供了很多常用的组件和功能。但是在实际的开发中,我们有时候需要根据自己的业务需求对组件进行一些改造或扩展。本攻略将详细讲解如何基于element-ui组件手动实现单选和上传功能。 单选功能实现 目标 我们需要实现一个单选框组件,在选…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部