• js循环语句

     掌握while循环语法，能重复执行某段代码

    while：在...期间

    while（循环条件）{、

    要重复执行的代码（循环体）

    }

    释义：

    跟if语句很像，都要满足小括号里的条件为true才会执行代码

    while大括号里面的代码执行完毕后不会跳出，而是继续回到小括号里面继续判断条件是否满足，若是满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出

     while循环注意事项：

    循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。

    所以，循环需要具备三要素：

    1.变量起始值

    2.终止条件（没有终止条件，循环会一直执行，造成死循环，可能会卡死）

    3.变量变化值（用自增或者自减）

    do...while循环：（实际开发中用的非常少，毕竟不管怎么样先执行一次，这种需求极少）

    是while循环的类似，但是循环内容至少会执行一次

    语法：

    1. do{
    2. 循环内容
    3. }while(循环条件)

      区别 ：从语法来看，do...while 循环体在循环条件的前面，while循环的循环体在循环条件的后面,

    如果说循环条件一开始就不成立，do...while的循环体在前面，会执行一次；while循环条件不成立，一次都不执行。

    for循环语句：（实际开发中最常用）

     

     

       for (起始条件; 退出条件; 变化量) {

                循环语句

            }

    for最大的价值：就是遍历数组！！！

     for循环和while循环区别:
    当如果明确了循环的次数的时候推荐使用for循环；例如数组，次数就使用arr.length

    当不明确循环的次数的时候推荐使用while循环。

     for循环嵌套：一个循环里面再套一个循环，一般y

    for（外部声明记录循环次数的变量；循环条件；变化值）{

          for（外部声明记录循环次数的变量；循环条件；变化值）{

         循环体

           }

    }

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Documenttitle>
    9. head>
    10.  
    11. <body>
    12.     <script>
    13.  
    14.         // 循环嵌套
    15.         // 循环嵌套的规则：外面循环执行一次，里面循环执行全部（此处是5次）
    16.         for (let i = 1; i < 6; i++) {
    17.             for (let j = 1; j < 6; j++) {
    18.  
    19.                 document.write('⭐')
    20.             }
    21.  
    22.         }
    23.     script>
    24. body>
    25.  
    26. html>

    相当于里面层for循环全部循环完毕，外层的才会执行外层的i++

    九九乘法表小练习：

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    8.     <title>Documenttitle>
    9.     <style>
    10.         div{
    11.             margin: 10px;
    12.             color: rgb(86, 134, 217);
    13.             display: inline-block;
    14.         }
    15.     style>
    16. head>
    17.  
    18. <body>
    19.     <script>
    20.         // 外层打印几行
    21.         for (let i = 1; i <= 9; i++) {
    22.             //里层打印星星个数  换成'1x1=1'
    23.             for (let j = 1; j <= i; j++) {
    24.                 document.write(`
    25.                
      ${j}x${i}=${i * j}
    26.                 `)
    27.  
    28.             }
    29.             document.write('
      '      )
    30.  
    31.         }
    32.     script>
    33. body>
    34.  
    35. html>

     

  • 相关阅读:
    mock-随机生成数据工具
    每日一题：如何判断是否是数组，一个既简单又复杂的问题。（不要再用Object.prototype.toString.call、instance of判断了！！！）
    Transformer学习-self-attention
    给大家推荐一套 git 工作流
    2023 年最新Java 毕业设计选题题目参考，500道 Java 毕业设计题目，值得收藏
    VUE + 小程序 关于前端循环上传附件页面卡死的问题
    day60
    [计算机入门] 电源选项设置
    git 将本地分支与远程master主分支合并
    百看不如一练系列 32个python实战项目列表，得不到就毁掉
  • 原文地址：https://blog.csdn.net/weixin_43368552/article/details/125841748