【JavaScript-循环-js循环你学懂了吗】

前言

博主是👦一个帅气的boy，你可以叫我山鱼君
🖱 ⌨个人主页：山鱼君🐟的个人主页
💖💖如果这篇文章对你有帮助的话希望三连下👍⭐✍支持一下博主🌊

如果有什么建议的话可以在评论区留言哦！或者私信博主而也可以哦！

双重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
2
3
4
5
6
7
8
9
10
11

下面我们来看几个有关循环的案例：

山鱼案例教学

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>
1
2
3
4
5
6
7
8
9
10
11

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>
1
2
3
4
5
6
7
8
9
10

小星星和小三角结束了，那我们再来看一下while这个家伙

while循环

   1. while 循环语法结构 while 当...的时候
  2.执行思路当条件表达式结果为true则执行循环体否则退出循环
1
2

 <script>
    // 1. while 循环语法结构 while 当...的时候
    // 2.执行思路当条件表达式结果为true则执行循环体否则退出循环
    // while (条件表达式) {
    //      循环体;
    // }
    var i = 1;
    while(i<=100){
        console.log('这个人今年'+i+'岁');
        i++;        
    }
    
    script>
1
2
3
4
5
6
7
8
9
10
11
12
13

下面用一个小案例来看一下while
1

案例：你啊吃香菜吗

条件：

​ ① 弹出输入框,要求用户输入。

​ ② 判断条件比较复杂我们使用while循环。

​ ③ while 循环语句中的条件表达式只要输入的不是“我爱吃”,就一直循环。

<script>
​        var message = prompt('你爱吃香菜吗？');

​        while(message !=='我爱吃'){

​        	message = prompt('你爱吃香菜吗？');
​        }
​        	alert('我也爱吃!');

​    script>
1
2
3
4
5
6
7
8
9
10

while的表弟do while循环

语句结构：

  <script>
    do{
        console.log('im,fine.thanks');
        i++;
    }while(i<=100);
    script>
1
2
3
4
5
6

①先执行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循环语句,它写法更简洁直观

写在最后

​✨原 创 不 易 ， 还 希 望 各 位 大 佬 支 持 一 下
原创不 易，还希望各位大佬支持一下 点赞👍：您的赞赏是我前进的动力！
收藏⭐：您的支持我是创作的源泉！
评论✍：您的建议是我改进的良药！
山鱼🦈的个人社区： 欢迎大家加入我的个人社区—— 山鱼社区 💖💖如果对你有帮助的话希望三连下👍⭐✍支持一下博主🌊