一、循环结构概念


循环结构的概念

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

wKiom1b3UzPyvqlZAAAq4oTcyVw488.png

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

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

wKioL1b3VDSTP5iZAABEv02bchA007.png


二、while 语句


while 语句的执行逻辑

  - while循环语法格式

wKiom1b3U_vAqQI8AAAbjyq2Xr4584.png

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

wKiom1b3VJmR8o8AAAAZC_TxWMg775.png


while 语句的流程图

wKioL1b3VW7hzCYMAABtC7uljmw505.png


while 语句用于处理循环逻辑

wKioL1b3Vh_CD04xAABa_--8tus397.png


使用break语句跳出循环

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

wKioL1b3Vn6TL6RLAAAzHzb5leo097.pngwKioL1b3VqbzTwQBAAAVEP-TBJk701.png


三、do-while 语句


do-while语句的执行逻辑

  - do-while循环语法格式

wKioL1b3WE3T_PXvAABCn7qfceM883.png  - 含义:先执行一次循环体中的语句,然后判定boolean表达式的值,若为true,则继续执行循环体的语句;然后再继续判定boolean表达式的值...直到boolean表达式的值为false退出

wKiom1b3WNeR1_bkAAAbntPv558468.png


do-while语句的流程图

wKioL1b3Wdzy1v91AAAjL0LnouM041.png


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

wKiom1b3WbqRR4QLAABJslAtnvw862.png


while和do-while语句的区别

  - while和do-while的区别

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

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

wKiom1b3YyuiEuIoAAA1vW0z3nQ722.pngwKiom1b3Y2GTR4-IAADTPBbSvhw420.png



四、for 语句


for语句的执行逻辑

wKioL1b3cCuja-ARAABHzHWI1fY797.png

wKiom1b3b6exBkQpAAFawy5CAHU092.png


for语句的流程图

wKioL1b3cHPTXBu8AADxnOybVgw502.png


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

wKiom1b3cBHT7-PJAACWUuCcJeI643.png


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

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

wKiom1b3cjOwmi5WAABzSwdMVWQ990.png

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

wKiom1b3c1CT9iQXAABtdL_uRKk569.png

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

wKiom1b3dDLxqaobAACBDO6yf30786.png

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

wKiom1b3dpLTjV-SAAFbE3Iwlks381.png


循环中使用break语句

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

wKioL1b3d5fhFqxTAACeU2oqO7Y926.png


循环中使用continue语句

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

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

wKiom1b3d7bSzVECAACjokZcdzc528.png


五、循环嵌套


循环问题

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

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

    wKiom1b3eSKQLA8zAABxAJSjXoc785.png

  - 循环语句的选择

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

        wKiom1b3ekGwGaXqAAEsmyRF5m4695.png

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

        wKioL1b3evqA2e98AADnbl-tcmk747.png

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

        wKioL1b3exrzBx2CAACAtpxS2w8424.png



循环嵌套

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

    wKiom1b3es6hXXciAAE5s6hf-cs053.png


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