Java Script 循环

原创已于 2022-08-09 16:43:20 修改 · 523 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html5

于 2022-08-09 09:33:18 首次发布

学习笔记专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了JavaScript中的三种循环结构：for循环、while循环和do/while循环，并通过实例演示了每种循环的应用场景，包括累加求和及偶数求和等。

1、循环的类型

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

2、for循环

for(初始化表达式1;判断表达式2;自增表达式3){循环体4}

for( var a=1;a<11;a++){
 
            document.write("这是一个for循环")
 
            }

案例(1)：

// 1~100累计相加
 
        var result = 0
 
        for (var a = 1; a < 101; a++) {
            result += a
            }
 
             document.write(result)

案例(2):

// 1~100之间偶数的和
 
        var result = 0;
 
        for (var a = 1; a < 101; a++) {
 
            if (a % 2 == 0) {
 
                // console.log(a);
 
                result += a;
 
            }
 
        document.write(result);
 
 
 
        }

3、while循环

while(条件表达式(返回的是布尔类型)){

循环体(当while后面的条件表达式值为true时，程序会进入循环中执行循环体代码)

while循环是先进行条件判断，条件成立才执行循环体中的语句

while循环常用于不知道具体循环次数的情况，以及用于无限循环（死循环）的场合。

var a = 1
 
         while (a < 11) {
 
             console.log("这是一个while循环");
 
             a++
 
         }

4、do/while循环

换成do...while(条件表达式)

先执行一遍循环体中的代码，然后再做判断

var a = 10
 
 do {
       document.write("do/while循环")
           a++
       }while(b<11)