JavaScript基础--循环结构（js）

原创已于 2023-04-20 09:10:52 修改 · 405 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #前端 #javascript

于 2023-03-28 21:20:42 首次发布

本文介绍了编程中的三种主要循环结构——for循环、while循环和do-while循环，包括它们的语法、示例以及如何使用break和continue进行循环控制。此外，还提供了两个具体的案例，一个是输出递减序列，另一个是计算能被13整除的数的个数和平均值。

1、循环3种写法

（1）for循环

语法：

let 变量;

for(循环变量初始化;条件表达式;改变循环变量){

循环体

}

console.log(变量);

例

let i;

for(i=0;i<5;i++){ //初始为5，小于5次，每循环一次i++

//初始为0，0到小于5就是从0开始到4，也就是0，1，2，3，4

document.write(`hello<br>`); //打印出5次hello

}

双重for循环

循环嵌套是值在一个循环语句中再定义一个循环语句的语法结构，例如在for循环嵌套一个for循环，称双重for循环。

语法：

for （）{

for （）{

}

}

里面循环一次，外面循环一轮

（2）while循环：

先判断后执行，如果条件不满足，可能一次也不执行

语法：

        while （循环条件）{

        //循环体；

        }

例

let j=0; //循环变量初始化

while(j<5){ //循环条件

document.write(`hello<br>`); //循环体

j++; //改变循环条件

}

（3）do while循环：

先执行后判断，如果条件不满足，至少一次也不执行

语法：

        do {

        //循环体

        } while（循环条件）

例



let k=0;   //循环变量初始化

do{

document.write(`hello<br>`); //循环体

k++;   //改变循环条件

}while(k<5); //循环条件

2、循环控制

        for(let i=0;i<5;i++){
            if(i==3){
                break;//中断循环
            }
            document.write("hello<br>")
        }
        for(let j=0;j<5;j++){
            if(j==2){
                continue;//跳过continue下边的语句继续下一轮循环
            }
            document.write(j+"hello<br>")
        }

break：立即跳出整个循环，循环结束

continue：立即跳出本次循环，继续下一轮循环

3、案例：

1、使用循环输出 100、95、90、85.......5

for(let i=100;i>=5;i-=5){
    document.write(i+',');
   }

分析：使用for循环，初始值为100，最小值为5，每次减5

2、计算300以内能被13整除的数的个数和平均值

            let count=0;  //个数
            let avg=0;  //平均值
            let sum=0;   //求和
            for(let k=13;k<=300;k++){
                if(k%13==0){
                    count++; //计数
                    sum+=k;  //求和
                }
            }
            document.write("个数:"+count);
            document.write("平均值:"+sum/count);

分析：1.声明出个数，平均值和求和的变量

2.能被13整除，300以内，初始值为13，结束值为300

3.每次循环如果k%13==0，个数count就加1 sum就会加上k当前循环的值

4.平均值就是和（sum）除于个数（count）