>首页> IT >

世界即时看!JS循环学习:while循环语句的使用(示例详解)

时间:2022-08-03 18:03:16       来源:PHP中文网

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


【资料图】

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

一:while循环

while循环语句是一种当型循环语句,先对循环条件进行判断,当条件满足,则执行循环体,不满足时则停止。

作用:反复执行某一项操作,直到指定的条件不成立。

特点:先判断表达式,当表达式结果为真时执行相应的语句。

JS while 循环语法

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

语句解析:

先计算“表达式”的值,当值为真时, 执行循环体内的“PHP语句块”;

执行结束后,返回到表达式,再次计算表达式的值进行判断,当表达式值为真,则继续执行“语句块”……这个过程会一直重复

直到表达式的值为假时才跳出循环,执行while 下面的语句。

while语句的流程图如下所示:

通常“表达式”是使用比较运算符或者逻辑运算符计算后的值

示例代码如下:

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

注意事项

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

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

如果表达式一直为真,循环条件一直成立,则while 循环会一直执行下去,永不结束,成为“死循环”

var i = 1;while(i){    console.log(i);}

运行程序后,会一直输出变量i的值,直到用户强制关闭。

JS while 循环示例

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

<script>var i = 1;var sum=0;while(i<=100){sum+=i;i++;}console.log("1加到100的值为:"+sum);</script>

输出结果:

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

<script>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("
"); } } i++;}</script>

二:do-while循环

除了while循环,还有一种 do-while 循环。

do-while循环语句是一种“直到型”循环语句,它是先在执行了一次循环体中的“语句块”之后,然后再对循环条件进行判断,如果为真则继续循环,如果为假,则终止循环。

因此:不论表达式的结果,do-while循环语句至少会执行一次“语句块”。

do-while循环语句的特点:先执行循环体,然后判断循环条件是否成立。

JS do-while 循环语法

do{    语句块;  }while(表达式);//表达式为循环条件

语句解析:

先执行一次循环体中的“语句块”,然后判断“表达式”的值,当“表达式”的值为真时,返回重新执行循环体中的语句块……这个过程会一直重复

直到表达式的值为假时,跳出循环,此时循环结束,执行后面的语句。

说明:

和while循环一样,do-while循环中“表达式”的计算结果一定是布尔型的 TRUE 或 FALSE,如果是其他类型的值也会自动转换为布尔类型的值。

do-while语句最后的分号;是无法省略的(一定要有),它是do while循环语法的一部分。

do-while循环语句的流程图如下所示:

JS do-while 循环示例

【示例1】使用 do-while 输出1~5数字:

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

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

<script>var i = 1;var sum=0;do{sum+=i;i++;}while(i<=100);console.log("1 + 2 + 3 + ... + 98 + 99 + 100 = "+sum);</script>

【示例3】找出 1900 年到 2020 年之间所有的闰年

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

【推荐学习:javascript高级教程】

以上就是JS循环学习:while循环语句的使用(示例详解)的详细内容,更多请关注php中文网其它相关文章!

关键词: 循环语句 进行判断 跳出循环