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 动态生成json对象、时时更新json对象的方法

    生成 JSON 对象是一项常见的任务,通过 JavaScript 可以动态地生成和更新 JSON 对象。这种功能对于动态地修改网站内容非常重要,并且可以通过 AJAX 和其他技术将数据发送到服务器时使用。下面是生成 JSON 对象和时时更新 JSON 对象的方法攻略。 生成 JSON 对象 我们可以使用 JavaScript 中 JSON 对象的 strin…

    JavaScript 2023年5月27日
    00
  • python爬虫selenium和phantomJs使用方法解析

    Python爬虫使用Selenium和PhantomJS解析 前言 爬虫是信息搜集和数据挖掘的重要手段,而python作为目前应用范围最广的编程语言,也拥有非常丰富的爬虫套件。其中,Selenium和PhantomJS是两个非常重要的工具,本篇文章将详细介绍它们的使用方法。 Selenium简介 Selenium是一款用于Web应用程序测试的工具,它模拟了用…

    JavaScript 2023年6月11日
    00
  • JavaScript中Form表单技术汇总(推荐)

    JavaScript中Form表单技术汇总(推荐)是一篇介绍JavaScript中与表单相关的技术的文章,包含了许多实用的技巧和示例。以下是对这篇文章的详细解读: 概述 该文章主要介绍了JavaScript中的表单技术,涉及到表单的验证、提交、动态创建表单等等。读者可以通过学习这篇文章来了解JavaScript中表单相关的技术,从而提升自己的开发能力。 表单…

    JavaScript 2023年6月10日
    00
  • JavaScript删除字符串中指定字符的4种方法汇总

    JavaScript删除字符串中指定字符的4种方法汇总 在 JavaScript 中,我们可以通过不同的方法实现删除字符串中指定字符的操作。本文将为你介绍四种常见的方法,分别是: 使用 replace() 方法 使用 split() 和 join() 方法 使用正则表达式 使用字符串切片 接下来我们会一一介绍这些方法,并给出具体的实现示例。 方法一:使用 r…

    JavaScript 2023年5月28日
    00
  • javascript面向对象包装类Class封装类库剖析

    JavaScript面向对象包装类Class封装类库剖析 在JavaScript中,面向对象通常使用函数和原型来实现。然而,使用这种方式在使用时容易出错,尤其是涉及到继承和多态时。为了解决这个问题,JavaScript ES6引入了“类”(Class)这个概念,从而使得JavaScript更加符合面向对象的编程思想。在本文中,我们将会介绍如何封装一个Java…

    JavaScript 2023年5月27日
    00
  • WinForm使用正则表达式提取内容的方法示例

    WinForm使用正则表达式提取内容的方法示例 什么是正则表达式 正则表达式(Regular Expression),是一种文本模式,用来匹配、替换一些文本。 WinForm中正则表达式的使用 在WinForm中,我们可以通过使用System.Text.RegularExpressions命名空间提供的正则表达式类进行文本的匹配和替换。 使用步骤如下: 引用…

    JavaScript 2023年6月10日
    00
  • js两种拼接字符串的简单方法(必看)

    JS两种拼接字符串的简单方法 在JavaScript中,有多种方法可以将字符串拼接在一起。在本文中,我们将介绍两种简单的方法。 方法1: 使用加号 “+” 运算符 加号运算符是最常用的字符串拼接方式之一。下面是一个简单的例子: const str1 = "Hello"; const str2 = "world"; co…

    JavaScript 2023年5月28日
    00
  • js Array对象的扩展函数代码

    我来给你讲解一下关于”js Array对象的扩展函数代码”的完整攻略。 1. 什么是数组(Array)对象 在JavaScript中,数组(Array)是一个数字索引的对象集合,可以高效地存储一组数据。数组对象是指定大小的、有序的对象,它们可以存储各种类型的数据,包括数字、字符串、布尔值,甚至其他数组和对象。 2. 数组对象的扩展函数代码 下面是几个使用数组…

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