双重for循环(循环嵌套)
语句结构
for (外层的初始化变量;外层的条件表达式;外层的操作表达式){
for (里层的初始化变量;里层的条件表达式;里层的操作表达式){
执行语句;> }
}
<script> for(var i = 1 ;i<=3 ; i++){ console.log('外层循环第'+i+'次'); for(var j = 1 ; j<=2 ; j++){ console.log('内循环第'+j+'次'); } } </script>
下面我们来看几个有关循环的案例:
山鱼案例教学
1.如何用for循环嵌套打印五行小星星?
<script> var str = ''; for(var i = 1;i<=5;i++){//外循环五次,形成五行 console.log(''); for(var j = 1; j<=5;j++){//内循环打印五个星星 str =str + '★'; } str = str+'\n';//外循环每循环一次就要进行换行,这样才能进行五行排列 } console.log(str);//最后得出五行排列的效果 </script>
2.如何用for循环嵌套打印倒三角?
<script> var str = ''; for(var i = 1;i<=10;i++){ for(var j = i;j<=10;j++){ str=str+'O'; } str = str+'\n'; } console.log(str); </script>
小星星和小三角结束了,那我们再来看一下while这个家伙
while循环
1. while 循环语法结构 while 当...的时候
2.执行思路当条件表达式结果为true则执行循环体否则退出循环
<script>
// 1. while 循环语法结构 while 当...的时候
// 2.执行思路当条件表达式结果为true则执行循环体否则退出循环
// while (条件表达式)
// 循环体;
// } var i = 1; while(i<=100){ console.log('这个人今年'+i+'岁'); i++; } </script>
下面用一个小案例来看一下while
案例:你啊吃香菜吗
条件:
① 弹出输入框,要求用户输入。
② 判断条件比较复杂我们使用while循环。
③ while 循环语句中的条件表达式只要输入的不是“我爱吃”,就一直循环。
<script> var message = prompt('你爱吃香菜吗?'); while(message !=='我爱吃'){ message = prompt('你爱吃香菜吗?'); } alert('我也爱吃!'); </script>
while的表弟do while循环
语句结构:
<script> do{ console.log('im,fine.thanks'); i++; }while(i<=100); </script>
①先执行1次循环体代码
②再执行条件表达式,如果结果为true ,则继续执行循环体代码,如果为false ,则退出循环,继续执行后面。
代码
区别: 执行思路跟while不同的地方在于do while 先执行一次循环体在判断条件,而while是先判断在执行。
总结:
1.JS中循环有for、 while、do while
2.三个循环大多情况下都可以相互替代使用
3.如果是用来计次数,跟数字相关的,三者使用基本相同,但是for循环使用的更多一些
4.while和do…while可以做更复杂的判断条件,比for循环灵活一些
5.while和do…while执行顺序不一样, while先判断后执行, do…while先执行一次 ,再判断执行
6.while和do…while执行次数不一样, do…wvhile 至少会执行一次循环体,而while可能一次也不执行
7、实际工作中,更常用for循环语句,它写法更简洁直观