JavaScript流程控制(循环)
这篇文章主要介绍了JavaScript流程控(循环),在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句,更多详细内容请需要的小伙伴参考下面文章的具体介绍
目录
一、for 循环
二、双重 for 循环
三、while 循环
四、do while 循环
五、循环小结
六、continue break
1、continue关键字
2、break关键字
一、for 循环
在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。for 循环主要用于把某些代码循环若干次，通常跟计数有关系。
其语法结构如下：
1 2 3 | for(初始化变量; 条件表达式; 操作表达式 ){ //循环体} |
初始化变量：通常被用于初始化一个计数器，该表达式可以使用
var关键字声明新的变量，这个变量帮我们来记录次数。条件表达式：用于确定每一次循环是否能被执行。如果结果是
true就继续循环，否则退出循环。操作表达式：每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然，递减变量也是可以的。
例如用for循环执行相同的代码：输出十次‘我爱学前端'。
1 2 3 | for(i=0;i<10;i++){ console.log('我爱学前端');} |
输出结果为：
再例如用for循环执行不同的代码：求输出一个人1到20岁。
1 2 3 | for (var i = 1; i <= 20; i++) { console.log('这个人今年' + i + '岁了');} |
输出结果为：
二、双重 for 循环
循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for 循环，这样的 for 循环语句我们称之为双重for循环。
语法结构：
1 2 3 4 5 | for (外循环的初始; 外循环的条件; 外循环的操作表达式) { for (内循环的初始; 内循环的条件; 内循环的操作表达式) { 需执行的代码; }} |
内层循环可以看做外层循环的语句
内层循环执行的顺序也要遵循
for循环的执行顺序外层循环执行一次，内层循环要执行全部次数
例如打印五行五列星星。
核心：
（1）内层循环负责一行打印五个星星
（2）外层循环负责打印五行
1 2 3 4 5 6 7 8 9 | var star = '';for (var j = 1; j <= 3; j++) { for (var i = 1; i <= 3; i++) { star += '☆' } // 每次满 5个星星 就 加一次换行 star += '\n'}console.log(star); |
运行结果为：
三、while 循环
while 语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。
while语句的语法结构如下：
1 2 3 | while (条件表达式) { // 循环体代码 } |
执行思路：
（1）先执行条件表达式，如果结果为
true，则执行循环体代码；如果为false，则退出循环，执行后面代码（2）执行循环体代码
（3）循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为
true，则会继续执行循环体，直到循环条件为false时，整个循环过程才会结束
需要注意的是：
使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环while 循环和 for 循环的不同之处在于 while 循环可以做较为复杂的条件判断，比如判断用户名和密码
例如通过while循环计算 1 ~ 100 之间所有整数的和。
1 2 3 4 5 6 7 | var sum = 0;var i = 0;while(i<=100){ sum += i; i++;}console.log(sum); |
输出的结果为：
四、do while 循环
do… while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。
do… while 语句的语法结构如下：
1 2 3 | do { // 循环体代码 - 条件表达式为 true 时重复执行循环体代码} while(条件表达式); |
执行思路：
先执行一次循环体代码
再执行条件表达式，如果结果为
true，则继续执行循环体代码，如果为false，则退出循环，继续执行后面代码。
注意：先再执行循环体，再判断，会发现 do…while 循环语句至少会执行一次循环体代码
例如：通过do while循环计算 1 ~ 100 之间所有整数的和。
1 2 3 4 5 6 7 | var sum = 0;var i = 0;do{ sum += i; i++;}while(i<=100)console.log(sum); |
五、循环小结
JS 中循环有 for 、while 、 do while三个循环很多情况下都可以相互替代使用
如果是用来计次数，跟数字相关的，三者使用基本相同，但是我们更喜欢用 forwhile 和 do…while 可以做更复杂的判断条件，比 for 循环灵活一些while 和 do…while 执行顺序不一样，while 先判断后执行，do…while 先执行一次，再判断执行while 和 do…while 执行次数不一样，do…while 至少会执行一次循环体， 而 while 可能一次也不执行
六、continue break
1、continue关键字
continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。
例如：吃5个包子，第3个有虫子，就扔掉第3个，继续吃第4个第5个包子，
其代码实现如下：
1 2 3 4 5 6 7 | for (var i = 1; i <= 5; i++) { if (i == 3) { console.log('这个包子有虫子，扔掉'); continue; // 跳出本次循环，跳出的是第3次循环 } console.log('我正在吃第' + i + '个包子呢'); } |
2、break关键字
break 关键字用于立即跳出整个循环（循环结束）。
例如:吃5个包子，吃到第3个发现里面有半个虫子，其余的不吃了，其代码实现如下：
1 2 3 4 5 6 | for (var i = 1; i <= 5; i++) { if (i == 3) { break; // 直接退出整个for 循环，跳到整个for下面的语句 } console.log('我正在吃第' + i + '个包子'); } |
到此这篇关于JavaScript流程控(循环)的文章就介绍到这了
原文链接：https://blog.csdn.net/m0_48375854/article/details/121132929