在JavaScript中,while循环是一个基本的控制语句,可让您执行重复操作。当您不确定执行循环主体的次数并且循环主体甚至可能不会执行一次时,可以使用while循环。

本文章结合语法和实例向大家介绍如何使用JavaScript While循环。

语法

JavaScript中while循环的语法是:

while (condition) {// statements
}

参数

  1. condition 每次通过循环都会测试条件。如果condition的值为TRUE,则执行循环体。如果条件为FALSE,则循环终止。
  2. statements 每次循环执行的代码语句。

注意事项

  • 当不确定要执行循环主体多少次时,可以使用while循环语句。
  • 由于while条件是在进入循环之前判断的,因此循环体甚至可能不会执行一次。
  • 另请参见break语句以提前终止执行循环。
  • 另请参见continue语句跳出while循环。

例子

让我们看一个示例,该示例显示如何在JavaScript中使用while循环。

例如:

var counter = 1;while (counter <= 5) {console.log(counter + ' - Inside while loop on TechOnTheNet.com');counter++;
}console.log(counter + ' - Done while loop on TechOnTheNet.com');

在这个while循环示例中,一旦counter超过5 ,循环将终止,具体如下:

while (counter <= 5)

当counter <= 5时,while循环将继续。一旦counter > 5,则循环将终止。

在此示例中,以下内容将输出到Web浏览器控制台:

1 - Inside while loop on TechOnTheNet.com
2 - Inside while loop on TechOnTheNet.com
3 - Inside while loop on TechOnTheNet.com
4 - Inside while loop on TechOnTheNet.com
5 - Inside while loop on TechOnTheNet.com
6 - Done while loop on TechOnTheNet.com

while和do ... while循环之间的区别

  • 在While循环中,条件在循环开始时进行判断,如果条件为True,则将执行循环内的语句。这意味着,仅当条件为True时,While循环才执行代码块 。
  • Do While循环将在循环结束时判断条件。因此,即使条件失败,Do While也会至少执行一次代码块中的语句。

好了, 以上是本文所有内容,希望对大家有所帮助,也希望大家对码农之家多多支持,你们的支持是我创作的动力!祝大家生活愉快!

JavaScript While循环相关推荐

  1. 13岁女孩因发布JavaScript无限循环代码被捕

    据外媒报道,日本刈谷市警方最近逮捕了一名13岁的女学生,指控她在网上公告栏上在线分发恶意代码.这个所谓的恶意代码其实是一个恶作剧,它触发了JavaScript无限循环,在用户访问某个链接时显示&quo ...

  2. onpaste事件不生效_从实际开发中来看JavaScript事件循环的使用场景

    前言: 本文是介绍结合DOM事件流和JavaScript事件循环解决一个工作中的实际问题的过程,很多东西不只是面试的时候才会用得到 文中涉及到的代码demo地址:drag-and-eventloop ...

  3. JavaScript(循环)

    JavaScript的循环有两种,一种是for 循环,通过初始条件,结束条件和递增条件来循环执行语句块: var x = 0; var i; for(i=1; i <=10000; i++){ ...

  4. 我理解的javascript事件循环(一)

    javascript事件循环分为2种:一种是浏览器端事件循环,一种是node端事件循环. 此文只是捋一捋我对浏览器端事件循环的理解. 前言 我们都知道 JavaScript 是一门单线程语言,这意味着 ...

  5. JAVA script 循环 图片_深入分析JavaScript 事件循环(Event Loop)

    事件循环(Event Loop),是每个JS开发者都会接触到的概念,但是刚接触时可能会存在各种疑惑. 众所周知,JS是单线程的,即同一时间只能运行一个任务.一般情况下这不会引发问题,但是如果我们有一个 ...

  6. 在html中写for循环表格trtd,嵌套的HTML表格在javascript for循环

    我想在第一列创建一个表格,并在for循环中包含第一列中的文本和重复的HTML表格(id'questable').我不知道如何将重复的HTML表格与文档HTML的其余部分分离.当在第二个createTe ...

  7. JavaScript的循环

    JavaScript的循环 循环是将代码执行指定的次数. 一.for循环 1.for循环 for(语句1:语句2:语句3){ 执行的代码 } 注:语句1:条件的变量的初始值(代码执行前执行) 只执行一 ...

  8. dom更新到底在javascript事件循环的哪个阶段?「前端每日一题v22.11.17」

    dom更新到底在javascript事件循环的哪个阶段?「前端每日一题v22.11.17」 昨天写了一篇文章,是javascript的事件循环机制,然后在某乎上也发了,在发的时候看到了一个问题,dom ...

  9. JavaScript事件循环机制

    众所周知JS是一门单线程执行环境的语言,对于同步任务而言,同一时刻只能执行一个任务,后续的任务都要在当前执行的任务后面排队.这种模式在遇到一些执行时间较长的任务的时候就会出问题,会导致页面失去响应.所 ...

最新文章

  1. 大型网站架构系列:缓存在分布式系统中的应用(一)
  2. js:封装获取当前元素的所有的哥哥元素节点
  3. springboot+springcloud相关问题
  4. php 什么时候销毁对象,什么决定什么时候在PHP中销毁类对象?
  5. micropython编译原理_C语言嵌入式Linux高级编程第9期:CPU和操作系统入门视频课程...
  6. es6 Object.getOwnPropertyDescriptors()
  7. php 标签库,PHP.MVC的模板标签系统之模板标签库
  8. 理解偏倚:可靠结果的先决条件
  9. Shell脚本常见执行报错案例
  10. win10运行在哪里_90s安装新一代win10X!全新操作界面,完美兼容win7或win10程序
  11. MATLAB中给图像加高斯噪声时imnoise的方差参数问题
  12. 118、交换机配置规范
  13. 【硬见小百科】PCB多层板各层含义与设计原则
  14. Linux下MySQL 5.7在线镜像安装
  15. java学习笔记----Mybatis-Plus
  16. Python——实现防止微信撤回消息
  17. python《pandas入门》实现Excel数据字段的拆分
  18. P2749 夜空繁星
  19. 输出二叉树中从每个叶子结点到根结点的路径
  20. 由浅入深分布式(5)dubbo提供者用内网地址注册provider以及 spring boot admin client用主机名注册spring boot admin server

热门文章

  1. windows10 使用msys2编译 OpenBLAS
  2. 美国纽约大学计算机专业排名,纽约大学计算机专业排名多少 让你快快乐乐的当一个程序猿...
  3. 利用InstallShield制作AE(ArcGIS Engine 打包)开发的应用程序的安装包
  4. 如何编写自动点击按钮
  5. 简约大气的WordPress社区论坛主题模板
  6. android spine动画教程,cocos2dx3.2 spine动画
  7. 番外5京都咖啡的味道——《地与光》
  8. AutoHotkey 使用总结
  9. STM32之LCD液晶屏(ILI9341)显示图片
  10. 什么是存款准备金以及存款准备金率