JS while循环语句的用法

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

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

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,循环会一直持续下去,不会自动停止,对于这种无法自动停止的循环,我们通常将其称为“无限循环”或“死循环”。

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

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 + "&nbsp;&nbsp;");
        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