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日

相关文章

  • 详细聊聊闭包在js中充当着什么角色

    闭包是Javascript中一个非常重要的概念,它常常被用来解决一些特殊的问题。在深入探讨闭包在Javascript中扮演的角色之前,先来了解一下什么是闭包。 什么是闭包 在Javascript中,函数内部可以访问到函数外部的变量,而闭包就是指函数内部持有对函数外部变量的引用。 在Javascript中,每个函数都会创建一个作用域。当一个函数内部引用了外部的…

    JavaScript 2023年6月10日
    00
  • 探讨js字符串数组拼接的性能问题

    探讨JS字符串数组拼接的性能问题 在开发中,我们经常需要对字符串进行拼接操作,特别是基于HTML标签的文本拼接,因此对于拼接操作的性能问题需谨慎对待,当操作次数较小时,性能影响可忽略,但当操作次数较多时,性能问题将显著影响代码的执行速度。本文将着重分析字符串数组的拼接性能问题,并提供一些优化解决方案。 字符串数组拼接(Array.prototype.join…

    JavaScript 2023年5月28日
    00
  • Javascript中判断一个值是否为undefined的方法详解

    当我们使用JavaScript编写代码时,通常需要对变量或函数返回值是否为“未定义(undefined)”进行判断,JavaScript中判断一个值是否为undefined的方法有很多种,下面我们就逐个进行说明。 1.使用typeof typeof是用来检测变量类型的操作符,如果变量未定义,则返回”undefined”,因此可以用typeof来判断一个值是否…

    JavaScript 2023年5月28日
    00
  • JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法

    JS中的hasOwnProperty()方法是用来检测一个属性是否是某个对象的自有属性的方法。它是基于原型链的继承机制的,只有当所查询的属性是对象本身的属性时才会返回true。 语法: object.hasOwnProperty(prop) 其中object是必需的,表示要检查属性的对象,prop参数也是必需的,表示要检查的属性名称,传入的参数是字符串类型。…

    JavaScript 2023年6月10日
    00
  • JavaScript 继承的实现

    JavaScript 继承的实现攻略 JavaScript 是一种基于原型的语言,这使得继承变得更为简单。通过原型继承,对象可以继承另一个对象的属性和方法。继承的实现方式有多种,包括原型链继承、构造函数继承、组合继承、寄生继承、原型式继承和类继承等。下面将依次介绍这些继承的实现方式。 1. 原型链继承 原型链继承利用 JavaScript 的原型链机制,把子…

    JavaScript 2023年5月18日
    00
  • HTML+CSS+JavaScript实现放大镜效果

    实现放大镜效果通常需要使用HTML、CSS和JavaScript三种技术进行联合开发。下面将详细讲解HTML+CSS+JavaScript实现放大镜效果的完整攻略,具体分为以下几个步骤: 第一步:准备工作 在开发过程中,我们需要准备一些素材,包括原始图片、处理后的图片,以及用于展示的页面等。 第二步:HTML编写 在编写HTML代码时,我们需要将放大镜效果展…

    JavaScript 2023年5月28日
    00
  • javascript 特性检测并非浏览器检测

    JavaScript特性检测是一种技术,用于检测一个网站或应用程序是否支持所需的特定JavaScript特性。与浏览器检测不同,它测试一个特定的功能是否可用,而浏览器检测则简单地表明用户使用的浏览器。 下面是进行JavaScript特性检测的攻略: 步骤 1.判断所需功能是否可用: 首先,确定您需要的功能是否可用。这通常涉及询问JavaScript环境的功能…

    JavaScript 2023年6月11日
    00
  • 原生js 实现表单验证功能

    下面是关于“原生js实现表单验证功能”的完整攻略: 目录: 需求分析和实现思路 HTML结构布局 JS代码实现 示例说明 需求分析和实现思路 表单验证功能是Web开发中必不可少的功能之一,实现表单验证的方法有很多种,包括使用第三方库(如jQuery、Bootstrap等),也可以使用原生的JS来实现。下面是一个原生JS实现表单验证的基本思路: 获取表单元素。…

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