一、DO WHILE 循环
-
是一个和
while
循环类似的循环 -
while
会先进行条件判断,满足就执行,不满足直接就不执行了 -
但是
do while
循环是,先不管条件,先执行一回,然后在开始进行条件判断 -
语法: `
do { 要执行的代码 } while (条件)
`// 下面这个代码,条件一开始就不满足,但是依旧会执行一次 do 后面 {} 内部的代码 var num = 10 do {console.log('我执行了一次')num = num + 1 } while (num < 10)
二、FOR 循环
-
和
while
和do while
循环都不太一样的一种循环结构 -
道理是和其他两种一样的,都是循环执行代码的
-
语法: `
for (var i = 0; i < 10; i++) { 要执行的代码 }
`
// 把初始化,条件判断,自身改变,写在了一起
for (var i = 1; i <= 10; i++) {// 这里写的是要执行的代码console.log(i)
}// 控制台会依次输出 1 ~ 10
三、 BREAK 终止循环
-
在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环
-
比如:我要吃五个包子,吃到三个的时候,不能在吃了,我就停止吃包子这个事情
-
要终止循环,就可以直接使用
break
关键字
for (var i = 1; i <= 5; i++) {// 没循环一次,吃一个包子console.log('我吃了一个包子')// 当 i 的值为 3 的时候,条件为 true,执行 {} 里面的代码终止循环// 循环就不会继续向下执行了,也就没有 4 和 5 了if (i === 3) {break}
}
四、 CONTINUE 结束本次循环
-
在循环中,把循环的本次跳过去,继续执行后续的循环
-
比如:吃五个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个
-
跳过本次循环,就可以使用
continue
关键字
for (var i = 1; i <= 5; i++) {// 当 i 的值为 3 的时候,执行 {} 里面的代码// {} 里面有 continue,那么本次循环后面的代码就都不执行了// 自动算作 i 为 3 的这一次结束了,去继续执行 i = 4 的那次循环了if (i === 3) {console.log('这个是第三个包子,掉地下了,我不吃了')continue}console.log('我吃了一个包子')
}
五、循环嵌套
1.含义:一个循环语句 循环体程序 包含 另一个循环
for(){for(){for(){ ... }}}内层循环执行完所有的循环程序 外层循环执行一次循环程序在有一次循环程序中 外层循环变量数值保持不变 内层循环变量数值一直改变内层循环变量数值 往往和 外层循环变量数值相关
<script>/*99乘法表1.99乘法表将公式看成 *+ 空格 就是9行的三角形2.将*+ 空格 替换成 固定的乘法公式3.改造公式 变量1*变量2 =变量1*变量2的乘积*/// 先输出9行 三角形for(var j =1; j<=9; j++){for(var i =1;i<=j; i++){document.write(`*`);}document.write(`<br>`);}// 将星号+空格 替换为 固定的乘法公式for(var j =1; j<=9; j++){for(var i =1;i<=j; i++){document.write(`1*1=1`);}document.write(`<br>`);}// 在一次循环中 数值1是一直改变的 数值2是一直不变的// 数值1 是 内层循环变量 数值2 是 外层循环变量for(var j =1; j<=9; j++){for(var i =1;i<=j; i++){document.write(`${i}*${j}=${i*j} `);}document.write(`<br>`);}</script>