for循环,跳出循环和断点调试
Published on 2022-11-08 14:11 in 分类: javascript基础学习 with 帅气丶汪星人

for循环,跳出循环和断点调试

    for循环:主要是用来遍历数组的,for循环的语法:

    for(初始化变量;条件表达式;操作表达式){循环体}

    1-初始化变量,初始化操作在整个for循环中只用执行1次

    2-条件表达式,如果为true,执行循环体语句,否则退出循环

    3-每次递增,直至条件表达式为假

    4-for循环最大价值用于遍历数组,回顾读取数组的方式数组名【索引号】,索引号从0开始

        for (let index = 1; index <= 5; index++) { //for循环5次
          document.write('跑步<br>')
        }
        let arr = ['第一', '第二', '第三', '第四', '第五'] //循环数组
        for (let i = 0; i < arr.length; i++) {
          document.write(`${arr[i]}<br>`)
        }

    for循环中嵌套if语句:if语句用来判断for循环运行了几次,满足条件以后进行输出

    复制代码
      <script>
        for (let index = 1; index <= 100; index++) {
          // const element = array[index];
          console.log(index); //这里的index是从1开始打印的打印到100
          if (index === 25) {
            document.write(`我今年结婚了我今年${index}岁了 <br>`)
          }
          else document.write(`今年的岁数${index}岁 <br>`);
        }
      </script>
    复制代码

    双重for循环:双重for循环,又称循环嵌套

    循环嵌套是一个循环语句,嵌套另外一个循环语句的方法,这样的循环我们称为双重for循环。

    内层循环可以看作外层循环的循环语句,外层循环一次,内层循环循环所有次数,内层循环也要执行for循环的执行顺序

        for (i = 1; i <= 5; i++) {  //上边的是整个大循环循环的次数
          // document.write(`<br>`);  //大循环循环一次,小循环所有次数,然后大循环再循环一次,小循环再循环所有次数
          for (j = 1; j <= 2; j++) {  //下边的是每个小循环循环的次数
            document.write(`${j} <br>`);
          }
        }

    跳出循环的语法:

    continue:跳出本次循环,执行下一个循环。

    break:退出本次循环,常用于得到了结果,后续循环就不再执行了

    复制代码
        for (let index = 1; index <= 5; index++) {
          if (index === 3) {
            // document.write(`这个包子有虫子我不吃了`)
            continue  //使用continue跳过本次循环  
          }
          document.write(`我正在吃第${index}个包子 <br>`)
        }
    
        for (let index = 1; index < 5; index++) {
          if (index === 3) {
            // document.write(`这个包子有虫子我不吃了`)
            break //使用break 退出循环,后边的就不执行了
          }
          document.write(`我正在吃第${index}个包子 <br>`)
        }
    复制代码

    断点调试:对页面的js代码进行调试的工具,给js代码分为段落,查看这个段落的执行顺序

        右键检查或者F12,打开调试控制台 
        点击源代码 (也就是点击文件名字)
        找到调试行 
        左键点击,打上断点 
        点击刷新 
        页面右边找到断点暂停 
        断点暂停右边有个向下的箭头点击一下
        不要把自己的代码和websocket代码看混了 
    posted @   帅气丶汪星人  阅读(431)  评论(0编辑  收藏  举报
    相关博文:
    阅读排行:
    · TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
    · 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
    · 【译】Visual Studio 中新的强大生产力特性
    · 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
    · 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
    点击右上角即可分享
    微信分享提示