向前端进军|【JavaScript-循环-js循环你学懂了吗】初级|javascript|前端|开发语言

前言

博主是一个帅气的boy，你可以叫我山鱼君
?个人主页：山鱼君的个人主页
如果这篇文章对你有帮助的话希望三连下??支持一下博主
如果有什么建议的话可以在评论区留言哦！或者私信博主而也可以哦！

双重for循环（循环嵌套）语句结构

for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式){
? for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式){
执行语句; > ? }
}

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

下面我们来看几个有关循环的案例：
山鱼案例教学 1.如何用for循环嵌套打印五行小星星？

> 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); //最后得出五行排列的效果

2.如何用for循环嵌套打印倒三角？

> 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);

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

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

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

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

案例：你啊吃香菜吗
条件：
? ① 弹出输入框,要求用户输入。
? ② 判断条件比较复杂我们使用while循环。
? ③ while 循环语句中的条件表达式只要输入的不是“我爱吃”,就一直循环。

> ?var message = prompt('你爱吃香菜吗？'); ?while(message !=='我爱吃'){?message = prompt('你爱吃香菜吗？'); ?} ?alert('我也爱吃!'); ?

while的表弟do while循环语句结构：

> do{ console.log('im,fine.thanks'); i++; }while(i<=100);

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

【向前端进军|【JavaScript-循环-js循环你学懂了吗】】??原创不易，还希望各位大佬支持一下
原创不易，还希望各位大佬支持一下点赞：您的赞赏是我前进的动力！
收藏?：您的支持我是创作的源泉！
评论?：您的建议是我改进的良药！
山鱼的个人社区：欢迎大家加入我的个人社区—— 山鱼社区如果对你有帮助的话希望三连下??支持一下博主