首页 > 其他分享 >12. JS while循环语句的用法

12. JS while循环语句的用法

时间:2022-10-10 12:45:34浏览次数:66  
标签:12 代码 JS while 循环 var 表达式

1. 前言

循环就是重复做一件事,在编写代码的过程中,我们经常会遇到一些需要反复执行的操作,例如遍历一些数据、重复输出某个字符串等,如果一行行的写那就太麻烦了,对于这种重复的操作,我们应该选择使用循环来完成。

循环的目的就是为了反复执某段代码,使用循环可以减轻编程压力,避免代码冗余,提高开发效率,方便后期维护。while 循环是 JavaScript 中提供的最简单的循环语句,本节我们就来简单介绍一下 while 循环的使用。

2. JS while 循环语法

JS while 循环的语法格式如下:

while (条件表达式) {
    // 要执行的代码
}

while 循环在每次循环之前,会先对条件表达式进行求值,如果条件表达式的结果为 true,则执行{ }中的代码,如果条件表达式的结果为 false,则退出 while 循环,执行 while 循环之后的代码。

while 循环的执行流程如下图所示:

JS while 循环的执行流程
图1:JS while 循环的执行流程


示例代码如下:

var i = 1;
while( i <= 5) {
    document.write(i+", ");
    i++;
}

运行结果:
1, 2, 3, 4, 5,

注意事项

在编写循环语句时,一定要确保条件表达式的结果能够为假(即布尔值 false),因为只要表达式的结果为 true,循环会一直持续下去,不会自动停止,对于这种无法自动停止的循环,我们通常将其称为“无限循环”或“死循环”。

如果不小心造成无限循环,可能会导致浏览器或者计算机卡死。

3. JS while 循环示例

【示例1】使用 while 循环计算 1~100 之间所有整数的和:

var i=1;
var sum=0;
while (i <= 100){
    sum += i;
    i++;
}
document.write("1 + 2 + 3 + ... + 98 + 99 + 100 = " + sum)

运行结果:
1 + 2 + 3 + ... + 98 + 99 + 100 = 5050

【示例2】找出 1900 年到 2020 年之间所有的闰年,并以每行 6 个进行输出:

var i = 1900;
var count = 0; //计数闰年的个数
while (i <= 2020) {
    //判断是否是闰年
    if (i % 4 == 0 && i % 100 != 0 || i % 400 == 0) {
        document.write(i + "  ");
        count++;
        if (count % 6 == 0) {
            document.write("<br/>");
        }
    }
    i++;
}

运行结果:

1904  1908  1912  1916  1920  1924
1928  1932  1936  1940  1944  1948
1952  1956  1960  1964  1968  1972
1976  1980  1984  1988  1992  1996
2000  2004  2008  2012  2016  2020

 

标签:12,代码,JS,while,循环,var,表达式
From: https://www.cnblogs.com/jiajunling/p/16775254.html

相关文章

  • 第12章:有状态应用部署
    1.StatefulSet控制器概述StatefulSet:部署有状态应用解决Pod独立生命周期,保持Pod启动顺序和唯一性稳定,唯一的网络标识符,持久存储有序,优雅的部署和扩展、删除和终止有序,滚动更......
  • 11. JS switch case语句详解
    1.前言JSswitchcase语句与 ifelse 语句的多分支结构类似,都可以根据不同的条件来执行不同的代码;但是与ifelse多分支结构相比,switchcase语句更加简洁和紧凑,执行......
  • net core 动态设置appsettings.json
    配置基类该类主要用于判断传递的值是否为类对象,方便赋值1publicinterfaceIBaseConfigEntity2{34} 配置类 建立配置存储类1publicc......
  • ABAP数据转Json
    Json数据类型对应ABAP的定义jsonabap备注字符串string、char 数字p、i 对象结构体、内表 数组string需要而外写逻辑处理布尔abap_boola......
  • javascript parse date string - js 字符串转日期
    一、日期数字newDate().getTime()//1665370859678数字表示从UTC+0时区的1970年1月1日0时0分0秒开始的那一刻起,所经过的毫秒数。无论是在北京还是伦敦,此时此刻,无论......
  • 19岁天才少年自制CPU!1200个晶体管,纯手工打造
    一个人,到底能“肝”到什么程度?19岁“天才少年”或许给了这个问题一个完美的诠释:耗时整整3年,纯手工自制CPU!这位叫做SamZeloof的美国大学生,最终打造出1200个晶体管的CPU!在1......
  • Vue系列---【at Socket.writeAfterFIN [as write] (net.js:441:14) at PoolWorker
    1.问题描述:前端是vue项目,打包和打镜像的时候,本地没问题,jenkins物理机打流水线也没问题,但是到容器云平台使用自带的流水线打包打镜像的时候,就报错了。上次成功上线的代......
  • 代码随想录 day18|513. 找树左下角的值 112. 路径总和 113. 路径总和 II 105. 从前序
    513.找树左下角的值题目|文章1.前序遍历思路题目的要求是先是最底层最左边的节点的值,我们使用前序遍历可以保证是最左边的值,通过深度变化时对节点更新,可以保证是最底......
  • js闭包理解
    js闭包其实就是一句话闭包变量就是函数对象的属性例1functionf1(){varn=999;functionf2(){n++;alert(n);}returnf2;}varresult=f1();result();r......
  • 判断某个js文件是否已存在
    isScriptAlready(src:string){    constfound=      performance        .getEntries()        .filter((......