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日

相关文章

  • js实现一个猜数字游戏

    下面是JS实现猜数字游戏的完整攻略。 步骤 1. 随机生成一个数字 首先,我们需要随机生成一个1~100之间的数字作为游戏答案,可以使用Math.random()和Math.floor()函数来实现: let answer = Math.floor(Math.random() * 100) + 1; // 生成1~100之间的整数 2. 获取用户输入 然后,…

    JavaScript 2023年6月11日
    00
  • js下用gb2312编码解码实现方法

    实现 JS 下使用 GB2312 编码解码的方法主要有两种,分别是通过 iconv-lite 库和手动实现 GB2312 编码解码算法。 方式一:使用 iconv-lite 库 首先需要安装 iconv-lite 库,运行以下命令: bash npm install iconv-lite 使用 iconv-lite 库的 encode 函数将字符串进行 GB…

    JavaScript 2023年5月20日
    00
  • JS实现简单的todoList(记事本)效果

    下面我会给你讲解JS实现简单的todoList(记事本)效果的完整攻略。 1. 界面部分 首先,我们需要搭建好页面框架。可以使用HTML和CSS实现一个简单的布局,其中包括待办事项输入框、已完成事项展示区域、未完成事项展示区域等。 <body> <div id="app"> <h1>Todo List&…

    css 2023年6月10日
    00
  • 5款JavaScript代码压缩工具推荐

    当我们的JavaScript代码变得越来越复杂时,它的大小也会随之增加。这意味着每次用户打开我们的网站时,都要下载更多的JavaScript代码。为了优化加载速度和性能,许多开发人员选择使用JavaScript压缩工具来减小代码的大小。本文将为您介绍五个优秀的JavaScript代码压缩工具,并解释如何在您的项目中使用它们。 1. UglifyJS Ugli…

    JavaScript 2023年5月27日
    00
  • JavaScript iframe数据共享接口实现方法

    JavaScript iframe数据共享接口实现方法可以通过以下步骤实现: Step 1: 跨域嵌入iframe 首先,需要在父页面中嵌入一个iframe来承载子页面,例如: <iframe src="http://子页面链接" id="myIframe"></iframe> 需要注意的是,子…

    JavaScript 2023年6月11日
    00
  • JavaScript数组方法-系统性总结详解

    JavaScript数组方法-系统性总结详解 概述 数组(Array)是JavaScript中最常用、最重要的一种数据类型,而且在实际开发中,我们也经常需要对数组进行各种操作,比如查询、增加、删除、排序等等。JavaScript提供了很多数组方法,让我们能够方便快捷的对数组进行各种操作,使得开发变得更加高效。本篇文章旨在对JavaScript数组方法进行系统…

    JavaScript 2023年5月18日
    00
  • JavaScript判断对象是否为数组

    当我们需要判断一个对象是否为数组时,JavaScript提供了多种方法来实现。 方法一:使用Array.isArray方法 Array.isArray可以判断传入的参数是否为数组,返回值为布尔型。 示例一: const arr = [1, 2, 3]; const notArr = ‘not an array’; console.log(Array.isAr…

    JavaScript 2023年5月27日
    00
  • js获取页面及个元素高度、宽度的代码

    如果要获取网页中元素的高度、宽度以及页面的高度、宽度,可以使用JavaScript来完成。以下是详细步骤。 获取页面的高度和宽度 可以使用document.documentElement来获取页面的根元素,其scrollHeight和scrollWidth属性可以分别获取页面的高度和宽度。代码如下: var pageHeight = document.doc…

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