2.js仔必背的循环八股

1.说一说for循环平时的应用场景

• 比如腾讯课程的那些列表，每个li.item 可以用for循环

• 比如每一个框框，可以用for循环

2.讲一讲for循环以及他的顺序

• for循环语句如下

  for(begin:condition:step){
    //循环代码块  
  }
  eg
      for (var count = 0; count < 3; count++) {
        alert(count)
      }

• 他的执行顺序为

  1. 先执行count = 0 进入循环时执行一次

  2. 在每次循环之前会检查count<3 ；如果为false 终止循环

  3. 条件为真时，重复运行循环体 也就是代码块

  4. 最后才进行count++ 操作，在每次循环体迭代后执行

  

3.讲一讲循环嵌套

​
    // for循环的嵌套: 循环中执行体, 里面又嵌套了循环
    for (var i = 0; i < 10; i++) {
​
      console.log("i开始执行:", i)
​
      for (var j = 0; j < 3; j++) {
        console.log("执行j循环")
      }
​
      console.log("i结束执行:", i)
    }

• 首先执行 i = 0，进入循环时执行一次

• 在每次执行之前检查i<10：结果为false终止循环

• 条件为真的时候，进入下一个循环

  • 执行j = 0，判断j<3,结果为false终止循环

  • 条件为真，进行下一个循环

• 嵌套的循环结束完一轮后，最后才进行i++操作，在每次代码迭代后执行

4.讲一讲循环的控制

  var names = ["abc", "cba", "nba", "mba", "bba", "aaa", "bbb"]
    
    // 循环遍历数组
    // break关键字的使用
    // 需求: 遇到nba时, 不再执行后续的迭代
    // for (var i = 0; i < 4; i++) {
    //   console.log(names[i])
    //   if (names[i] === "nba") {
    //     break
    //   }
    // }
​
    // continue关键字的使用: 立刻结束本次循环, 执行下一次循环(step)
    // 需求: 不打印nba
    for (var i = 0; i < 7; i++) {
      if (names[i] === "nba" || names[i] === "cba") {
        continue
      }
      console.log(names[i])
    }

• 使用break的话，达到某种条件就终止循环

• 使用continue的话，达到某种条件，立刻结束本次循环，执行下一次循环（step）