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

标签：语句 index 循环 let 断点 调试

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代码看混了 

标签：语句,index,循环,let,断点,调试
From： https://www.cnblogs.com/hgng/p/16869550.html