JavaScript循环结构

最新推荐文章于 2024-11-18 14:11:03 发布

撅腚的旱鸭子

最新推荐文章于 2024-11-18 14:11:03 发布

阅读量659

点赞数 3

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/k759275461/article/details/107309915

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

循环结构

循环结构，就是根据某些给出的条件，重复的执行同一段代码
循环必须要有某些固定的内容组成
- 初始化
- 条件判断
- 要执行的代码
- 自身改变

循环语句：

while(){}：

//格式：
while        //语句名
()            //执行条件
{}           //**执行语句（循环体）**

特点：

只有条件表达式为真才会执行后面{}中的代码
大括号中的代码有可能会被执行多次

注意：为避免死循环，一定要在循环体内改变条件中使用的变量的值
demo:

//入职薪水10K，每年涨幅5%，第50年工资多少
      <script>
        var i = 1;
        var sum = 10000; 
        while(i<=50){
            sum += sum * 0.05;
            i++;
        }
        console.log(sum);
    </script>

do{}while(){}:

//格式：
do            //语句名1
{}            //do的执行语句
while        //语句名2
()            //执行条件
{}           //while的执行语句

特点：无论条件表达式是否为真, 循环体都会被执行一次

do-while和while的区别：do-while在任何情况下都比while多执行一次

注意：do-while的改变计数器需要写在do语句中，否则会造成死循环。
demo：

 1 <script>
 2 var i = 0;
 3 do{
 4     console.log("这是do的语句：" + i);
 5          i++;
 6      }while(i < 10){
 7          console.log("这是while的语句：" + i);
 8  }
 9  //条件为true时，会执行do后面的语句
10   // 条件为false时，会执行一次while后的语句
11 </script>

for(){}:

1 //格式：
2 while        //语句名
3 ()            //条件组
4 {}           //执行语句（循环体）

demo:

 1 //计算1-10的阶乘和
 2 <!DOCTYPE html>
 3 <html>
 4     <head>
 5         <meta charset="utf-8" />
 6         <meta name="viewport" content="width=device-width, initial-scale=1">
 7         <title>1-10阶乘的和</title>
 8     </head>
 9     <body>    
10     </body>
11     <script>
12         var sum = 0;
13         for(var j=1;j<=10;j++){
14             var jc = 1;
15             for(var i=1;i<=j;i++){
16                 jc = jc * i;
17             }
18             sum = sum + jc;
19         }
20         console.log(sum);
21     </script>
22 </html>