JS中的三个循环小结

JS中有三个循环语句:for循环、while循环和do-while循环。这三个循环语句都能够让我们方便地对数组或对象进行遍历,执行重复的操作。

1. for循环

for循环是JS中最常用的循环语句之一,能够让你重复执行一个操作多次,for循环含有三个表达式:起始表达式、终止表达式和递增表达式。

语法:

for (起始表达式; 终止表达式; 递增表达式) {
    //循环体
}
  • 起始表达式是在循环开始前执行的。
  • 终止表达式定义了循环结束的条件,循环将一直执行直到条件为false。
  • 递增表达式在循环每次迭代之后执行。

示例1:输出1~10的数字

for (let i = 1; i <= 10; i++) {
    console.log(i);
}

示例2:遍历数组

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

2. while循环

while循环是另一种常见的循环语句,在条件为真时重复执行语句集,只要指定的条件为真,就会一直执行循环。

语法:

while (条件) {
    //循环体
}
  • 条件是一个布尔表达式,当其为true时,循环体会一直执行。

示例3:输出5~1的数字

let i = 5;
while (i >= 1) {
    console.log(i);
    i--;
}

3. do-while循环

do-while循环与while循环非常相似,不同的是在循环体的结尾会检查条件是否为真,如果为真则继续循环。

语法:

do {
    //循环体
} while (条件);
  • 循环体会至少执行一次,然后再检查条件是否为true,如果条件为true,循环会继续执行;如果条件为false,循环将停止。

示例4:循环获取用户输入直到输入非数字字符

let num;
do {
    num = prompt('请输入一个数字:');
} while (!isNaN(num)); //如果输入的是非数字字符,!isNaN(num)的结果就为false,循环停止执行。

以上是JS中的三个循环语句的完整攻略,通过这三个循环语句你可以轻松地对数组和对象进行遍历,执行重复的操作。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS中的三个循环小结 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • javascript事件冒泡简单示例

    下面就来详细讲解 “JavaScript 事件冒泡简单示例” 的完整攻略。 什么是事件冒泡? 事件冒泡是指当一个元素上的事件被触发时,该事件将会从被点击的元素一直向上冒泡到祖先节点直至到达文档根节点。 举个例子,假如你在一个文档中单击了一个按钮,那么事件会以如下顺序传递: 单击按钮。 按钮触发 click 事件。 事件开始在按钮上触发并向上传播到父元素,然后…

    JavaScript 2023年6月10日
    00
  • input file样式修改以及图片预览删除功能详细概括(推荐)

    下面是详细的攻略: input file样式修改以及图片预览删除功能详细概括 1. input file样式修改 1.1 使用label标签+input file实现input file样式修改 通过使用label标签中的for属性和input file中的id属性相互关联,可以实现点击label标签就可以调起input file选择文件的功能,从而在外观上…

    JavaScript 2023年6月11日
    00
  • js对字符的验证方法汇总

    针对“js对字符的验证方法汇总”的完整攻略,我给您详细的解答。 一、什么是字符验证? 在Web开发中,从用户处获得数据是非常重要的,但在接受数据时,需要对其进行验证,以保证数据的正确性和完整性。字符验证是保证输入正确性和完整性的方法之一,即在接受字符数据后,判断所输入的字符是否符合一定的验证规则。 二、字符验证的应用场景 字符验证通常用于以下场景: 用户名 …

    JavaScript 2023年5月28日
    00
  • 基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标

    当我们需要在网站上显示特定区域的地图界面时,我们需要提取地图的行政区边界的经纬度坐标。在本文中,我们将使用JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标。 准备工作 在开始之前,我们需要在相应的地图开发平台上注册账号并获取相应的API Key。对于高德地图,可以在高德地图开放平台上注册并获取Key;对于百度地图,可以在百度地图开放平台上注…

    JavaScript 2023年6月11日
    00
  • 使用jquery如何获取时间

    获取时间可以使用JavaScript中的Date对象。jQuery是JavaScript的一个库,提供了方便的方法来操作DOM和事件,但它并没有提供直接获取时间的方法。因此,在jQuery中获取时间的方法与原始JavaScript相同。以下是获取时间的两种示例方法: 方法一:使用原始JavaScript 使用 new Date() 方法创建一个Date对象:…

    JavaScript 2023年5月27日
    00
  • 原生JavaScript实现Ajax的方法

    以下是原生JavaScript实现Ajax的方法的完整攻略: 1. Ajax技术简介 Ajax是Asynchronous JavaScript and XML(中文译作“异步JavaScript和XML”)的缩写。它是一种用于在不重新加载整个页面的情况下,通过JavaScript向服务器发送异步HTTP请求并接收响应的技术。Ajax技术可以实现页面的局部更新…

    JavaScript 2023年6月11日
    00
  • JavaScript贪吃蛇的实现代码

    下面我将为你详细讲解“JavaScript贪吃蛇的实现代码”的完整攻略。 一、游戏介绍 贪吃蛇是一款经典的游戏,它的目标是让一条蛇在游戏区域中不断移动,吃到食物后身体变长,直到撞墙或撞到自己身体就游戏结束。在这个项目中,我们将使用JavaScript实现贪吃蛇游戏。 二、实现步骤 1. HTML页面 首先我们需要创建一个HTML页面,包含一个游戏区域的can…

    JavaScript 2023年6月11日
    00
  • 浅谈Javascript数组索引

    浅谈Javascript数组索引 数组是Javascript中的一种非常常见的数据类型,数组索引是访问数组中的元素的主要方式。在本文中,我们将讨论Javascript数组索引相关的概念,方法以及常见问题。 数组索引的概念 在Javascript中,数组索引是一个数字,用于在数组中标识元素位置。数组的第一个元素的索引值为0,其余元素的索引值是以0递增的。 例如…

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