一、循环结构概念


循环结构的概念

  - 如果想要执行类似下面的程序

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 上述功能可以使用循环结构来代替

  - 循环,就是一遍又一遍的重复执行相同或者相似的代码

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


二、while 语句


while 语句的执行逻辑

  - while循环语法格式

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 含义: 若boolean表达式为true,则执行一遍循环体中的语句;然后再判定一次boolean表达式,若为true,则再次执行一遍循环体中的语句...直到boolean表达式的值为false,则循环结束

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


while 语句的流程图

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


while 语句用于处理循环逻辑

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


使用break语句跳出循环

  - break用在循环体中用于退出循环

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


三、do-while 语句


do-while语句的执行逻辑

  - do-while循环语法格式

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...  - 含义:先执行一次循环体中的语句,然后判定boolean表达式的值,若为true,则继续执行循环体的语句;然后再继续判定boolean表达式的值...直到boolean表达式的值为false退出

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


do-while语句的流程图

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


do-while语句用于处理循环逻辑

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


while和do-while语句的区别

  - while和do-while的区别

      - while循环 "先判断,再执行";

  - 当初始情况不满足循环条件时,while循环一次都不会执行;do-while循环不管任何情况都至少执行一次

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...



四、for 语句


for语句的执行逻辑

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


for语句的流程图

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


for语句用于实现固定次数循环

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


for语句三个表达式特特殊应付

  - 表达式1位置内容为空时

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 表达式3位置内容为空时

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 表达式1、2、3位置内容为空时

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 表达式1和3位置内容的多样化

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


循环中使用break语句

  - break用于循环,可使程序终止循环而执行后面的语句,常常与条件语句一起使用

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


循环中使用continue语句

  - continue关键字只能用于循环中

  - 其作用为跳过本次循环体中剩余语句而执行下一次循环

JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


五、循环嵌套


循环问题

  - 需要多次重复执行一个或多个任何的问题考虑使用循环来解决

  - for / while / do-while 三种循环在很多情况下是可以相互换的,一般情况下,for循环使用的最多

    JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

  - 循环语句的选择

      - 如果业务可以转换为"当..."这样的句式时,优先选择while语句来实现

        JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

      - 如果业务可以转换为"直到..."这样的句式时,优先选择do-while语句来实现

        JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...

      - 如果业务中可以获取到一个确切的循环此时考虑用for循环

        JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...



循环嵌套

  - 循环嵌套:在一个循环体内再出现一个循环

    JavaScript之基础-7 JavaScript 循环结构 (while、do-while、for及循环中的continue、break)...


总结:本章内容主要介绍了 JavaScript 循环结构 (while、do-while、for、及循环中的continue、break)