循环语句

js（学习笔记） ---- 九层之台，起于累土

for循环

循环：根据指定次数 一遍又一遍执行相同的代码

语法

for (起始值; 执行条件(循环结束条件); 累加记录步长) { // 代码块儿
  // 每次循环 要执行的代码code
}
复制代码

例子：

// 经过for循环 打印输出五次 'hello world!'
    
    for (var i = 0; i < 10; i++) { // 循环体
      console.log('hello world!')
    }

    // 每次循环分为三步
    // 1.进行条件判断 i < 5 
    // 2.条件为true 执行循环体里的代码 不然退出循环
    // 3.执行完后就让i的值 累加一次i++
    // 每次循环重复以上步骤
    
    // 第一次循环 i = 0
    // i < 5 返回true
    // 输出一次 'hello worldworld!'
    // i++

    // 第二次循环 i = 1
    // i < 5 返回true
    // 输出一次 'hello world!'
    // i++

    // 第三次循环 i = 2
    // i < 5 返回true
    // 输出一次 'hello world!'
    // i++
    // ....
复制代码

i++

递增，自身基础上累加1

var i = 10;
i++;
console.log(i++); // 11
复制代码

循环中的break和continue

break： for循环 循环体中一旦遇到break，整个for循环直接结束 后面代码都不会执行（包括i++也不会再执行） continue：for循环 循环体遇到 continue 直接进入 下一轮循环，当前这一轮循环体里后面代码不会执行

// break(中断整个循环)
    // continue(跳到下一轮循环)

    // break
    // 只要在循环体中遇到break 整个for循环就结束了 
    // break后面代码都不会执行了 以及i++也不执行了

    for (var i = 0; i < 10; i++) {

      // 当i=5的时候 整个循环就结束了
      if (i === 5) {
        break; // 一旦遇到break整个循环就结束了
      }
      // console.log('i', i) // 0 1 2 3 4
    }
    // console.log('end', i) // end 5


    // for (var l = 0; l < 5; l++) {
    // break; // 第一次循环时 就遇到了break 直接结束
    // console.log('l', l)
    // }

    // continue 直接跳到下一轮 就把continue后面代码忽略掉 并不会中断循环

    for (var i = 0; i < 10; i++) {
      if (i < 5) { // i小于5的时候 遇到continue 
        // 不会执行continue后面的代码 直接跳到下一轮循环
        continue;
      }
      console.log('i', i) // 5 6 7 8 9
    }
复制代码

while循环

// while 循环
    // 语法
    // while (条件) {
    // // 只要条件成立为true 就会一直循环执行下去
    // // “当心死循环😯” 页面卡死 风扇想起 
    // }

    var n = -10
    while(n < 5) {
      // 在自身基础上 累加5
      n += 5 // n = -5 n = 0 n = 5
      console.log('n', n) // -5 0 5
      // if (n === 0) {
      // break
      // }
    }
复制代码

----------------------------------------------------------------------------------------------------------------
参考文章&&强烈推荐：布罗利