循环结构

83 阅读3分钟

1.循环结构

  • 循环结构,就是根据某些给出的条件,重复的执行同一段代码
  • 循环必须要有某些固定的内容组成
`初始化`
`条件判断`
`要执行的代码`
`自身改变`

2.三大循环

2.1 while循环

while语法格式:
    while(表达式){
       执行代码;
    }
    
1, `while`循环必须按照上述语法格式来写, 只能更改表达式内容和执行代码.
2, 表达式可以是常量,变量或者其他表达式,该表达式会被强制转换为boolean类型, 可以理解表达式就是循环的条件, 条件成立则进入括号{}里面执行代码,否则不进入;
3, 执行代码可以有多行, {}所包含的称为循环体.
4, 表达式不要一直是true, 避免死循环.
5. while循环的顺序是: 先判断表达式是否为true, 若true则执行执行代码, 然后再继续判断表达式是否为true, ….  直到判断表达式为false才会跳出循环, 执行while后面的代码

2.2 do...while循环

do-while循环语法格式:
      do {
       执行代码;
} while(表达式)

 注意:   
 1, do-whilewhile比较类似, 也有表达式和执行代码.
 2, do-whilewhile的区别在于判断条件的先后不一样, while是先判断条件, 而do-while是先执行再判断;  所以不管do-while表达式的条件是否成立, 都至少会执行一次循环体.

2.3 for循环

for循环语法格式:
       for (表达式1; 表达式2; 表达式3) {
       执行代码;
}
注意:   
    1, 表达式1: 可写循环初始值, (可以不填)
    2, 表达式2: 循环条件
    3, 表达式3: 循环增量(减量)
    4, 两个分号必须写.

for循环中注意的小细节:

//exp1,exp2,exp3中,exp2最后一个','后面的语句才会被执行,即便exp2中有多个表达式,也只会执行最后一个','后面的代码
for(var i=0,j=0; i<10, i<5 ;i++,j++){
    console.log(i*j);
}
//代码输出结构为16

3.break 和 continue

3.1break关键字

  • break的功能:
    • 在switch中使用跳出switch结构
    • 在循环语句中使用跳出当前循环
  • 注意:
    • 如果已执行break语句,就不会执行循环体中位于break后的语句
    • 在多层循环中,一个break语句只能往外跳出一层循环

3.2continue关键字

  • continue的功能:
    • 只能在循环语句中使用,使本次循环结束,即跳过循环体中下面尚未执行的语句,接着进行下次是否执行循环的判断
  • 注意:
    • continue语句只能用在循环里
    • 对于while 和 do ...while 循环,continue语句执行之后的动作是条件判断,对于for循环,随后的动作是变量更新

3.3 break 和 continue的区别

不同点:

  1. break更多的用处是用来中断,终止循环或是跳出switch结构;continue则是不执行后面代码,继续从for的下一次循环开始.
  2. break可以用在分支和循环中,continue只能用在循环
  3. break是结束就近的循环,continue结束当次循环

相同点:

  1. break 和 continue 后面的代码都不会被执行

3.4 break 和 continue 的语法格式对比

image.png

[注]使用了'channing-cyan'主题