JS while循环语句的用法

1年前 (2024-04-28)

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

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

JS while 循环语法

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

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

}

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

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