JavaScript 循环语句

认识循环语句

1.在开发中我们经常需要做各种各样的循环操作：
  比如把一个列表中的商品、歌曲、视频依次输出进行展示；
  比如对一个列表进行累加计算；
  比如运行相同的代码将数字1 到10 逐个输出；
2.循环是一种重复运行同一代码的方法。
  如果是对某一个列表进行循环操作，我们通常也会称之为遍历（traversal）或者迭代（iteration）；
3.在JavaScript中支持三种循环方式：
  while循环；
  do..while循环；
  for循环

while 循环

1.while循环的语法如下：
  当条件成立时，执行代码块；
  当条件不成立时，跳出代码块；
    var i = 0;
    while(i<10){
      document.write("HelloWord");
      document.write("\n")
      i++;
    }
2.如果条件一直成立（为true），那么会产生死循环。
  这个时候必须通过关闭页面来停止死循环；
  开发中一定要避免死循环的产生;

do while 循环

 do..while循环和while循环非常像，二者经常可以相互替代(不常用)

  但是do..while的特点是不管条件成不成立，do循环体都会先执行一次;
  通常我们更倾向于使用while循环

for循环(循环嵌套)

  for 循环更加复杂，但它是最常使用的循环形式。
  语法格式:
    for(begin;condition;step){
      body（循环体）
    } 
    语句段            例子           执行过程
  1  begin           let i =0       进入循环时执行一次(只执行一次)
  2  condition       i < 3        在每次循环迭代之前检查，如果为false，停止循环。
  3  body（循环体）    alert(i)     条件为真时，重复运行。
  4   step             i++            在每次循环体迭代后执行。
  例如:
    for(var i = 0; i<10 ; i++){
      alert(i)
    }

执行顺序:先执行一次begin 判断条件condition 如果为真执行一次body（循环体） 再执行一次step

for循环嵌套

  在开发中，某些情况下一次循环是无法达到目的的，我们需要循环中嵌套循环；
   // for循环嵌套执行顺序
      /*
        1.执行 var i =0;
        2.循环:
          *判断条件<10
          *执行循环体(代码)
            **执行for循环
              1>var j =0;
              2>循环
                *条件j<3;
                *循环体(执行)
                *j++
          3.i++
      */

循环控制:break,continue作用和区别

  在执行循环过程中, 遇到某一个条件时, 我们可能想要做一些事情；
  比如循环体不再执行(即使没有执行完), 跳出循环；
  比如本次循环体不再执行, 执行下一次的循环体；
循环的跳转控制
◼ break: 直接跳出循环, 循环结束
      break 某一条件满足时，退出循环，不再执行后续重复的代码
◼ continue: 跳过本次循环次, 执行下一次循环体
      continue 指令是 break 的“轻量版”。
      continue 某一条件满足时，不执行后续重复的代码

综合案例练习

        <script>
        // 生成一个随机数:Math.random() 包含0不包含1
        // 向下取整Math.floor() 
          var randomNum = Math.floor((Math.random())*100+1);
          console.log(randomNum)
          var isSuress = false;
          for (var i = 0 ;i<7;i++){
            // 获取用户输入
            var gressNum =Number( prompt("请输入0-100的数字"));
            if(gressNum === randomNum){
              alert("猜对了")
              isSuress = true;
              break;
            }
            else if (gressNum > randomNum){
              alert("猜大了");
            }
            else{
              alert("猜小了");
            }
          };
          if(!isSuress){
            alert("您的次数用完了");
          }
          </script>