前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如果你要学JS——我正走在JS的路上(六)

如果你要学JS——我正走在JS的路上(六)

原创
作者头像
像素人
修改2023-12-20 19:40:51
1930
修改2023-12-20 19:40:51
举报
文章被收录于专栏:如果你要学JS如果你要学JS

学习好一门语言贵在坚持之初识JavaScript🏹💁‍♂️!

首先:你好,很高兴你可以看到我的文章,你可以叫我像素人,希望本篇文章可以给你带来帮助

双重for循环(循环嵌套)

语句结构

for (外层的初始化变量;外层的条件表达式;外层的操作表达式){

​ for (里层的初始化变量;里层的条件表达式;里层的操作表达式){

执行语句;> ​ }

}

代码语言:javascript
复制
<script>

        for(var i = 1 ;i<=3 ; i++){
            console.log('外层循环第'+i+'次');
    
            for(var j = 1 ; j<=2 ; j++){
                console.log('内循环第'+j+'次');
            }
        }

    </script>

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

1.如何用for循环嵌套打印五行小星星?

代码语言:javascript
复制
<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循环嵌套打印倒三角?

代码语言:javascript
复制
<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则执行循环体否则退出循环

代码语言:javascript
复制
 <script>
    // 1. while 循环语法结构 while 当...的时候
    // 2.执行思路当条件表达式结果为true则执行循环体否则退出循环
    // while (条件表达式) {
    //      循环体;
    // }
    var i = 1;
    while(i<=100){
        console.log('这个人今年'+i+'岁');
        i++;        
    }
    
    </script>

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

案例:你啊吃香菜吗

条件:

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

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

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

代码语言:javascript
复制
<script>
​        var message = prompt('你爱吃香菜吗?');

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

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

​    </script>

while的表弟do while循环

语句结构:

代码语言:javascript
复制
<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循环语句,它写法更简洁直观

原 创 不 易 , 还 望 支 持✨ 点赞👍:您的赞赏是我前进的动力! 收藏⭐:您的支持我是创作的源泉! 评论✍:您的建议是我改进的良药!

我正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档