文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript程序循环结构是什么

2023-06-21 23:10

关注

今天就跟大家聊聊有关JavaScript程序循环结构是什么,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

选择结构

单分支的if结构

if(条件){条件满足后执行的代码}

如果大括号中只有一条语句,此时可以省略大括号,但是强烈不建议这样写

if(条件)console.log('点点点')

二分支if结构语句

if (条件){条件满足后执行的代码}else{条件不满足后执行的代码}

多分支if结构语句

if(条件1){代码1}else if(条件2){代码2}......else{以上条件都不满足执行的代码}

switch结构

var today=1switch(today){case 1:console.log('工作日')breakcase 2:console.log('工作日')breakcase 3:case 4:case 5:console.log('工作日')breakdefaultconsole.log('休息日')break

switch和if得区别

循环结构

重复性的执行某个操作就是循环

while

//循环10次var i=1while(i<=10){console.log('111111')i++}//案例:计算100以内整数之和var i=1var sum = 0while(i<=100){ sum+=i i++}
案例 在页面输出[1,200]之间所有能被7整除,但不能被4整除的所有整数,并统计个数,同时要求输出每行显示5个var i=1var count = 0while(i<=200){if(i%7==0 && i%4!=0){document.write(i+"&nbsp;&nbsp;&nbsp;&nbsp;")count++;//统计个数// 判断每输出5个换一行if(count%5==0){document..write('<br>');}}i++;document.write('<br>共计: '+count+'个')

do … while

先执行代码,再判断条件

var i=1;        do{            console.log('好好学习,天天向上!')            i++;        }while(i<=10)  #案例  #计算1-50之间得倍数      <script type="text/javascript">        var i=1;        var sum=0;        do{            if(i%6==0){                sum+=i            }            i++;        }while(i<=50)        console.log(sum)    </script>#案例# 循环提示用户输入5个数,按q结束,然后输出其中最大值和最小值#先提示用户输入一次,然后将该数字作为最大值和最小值var num=Number(prompt('请输入一个征属(按q结束):')) var max=num;var min=num;var flag=true //标识是否继续循环var i = 1;do{var num=Number(promot('请输入一个整数!'))#判断用户是否输入qif(num=='q'){flag=false  //如果输入q则将flag改为false,表示停止循环}else{num=Number(num)if(num>max){max=num;}if (num<min){min=num}}while(flag)console.log(max)console.log(min)

for 循环

语法

for(初始化:条件:迭代){代码块}

循环开始时先执行初始化部分,而且初始化部分只执行一次

初始化执行完之后就去判断条件是否成立,如果成立则执行代码块,然后执行迭代部分

for … in …

对集合数据进行遍历

循环遍历是遍历到的数据在集合中的索引顺序(从0开始),而非数据本身

<script type="text/javascript">        var str = 'abc'        for(var index in str){            console.log(index,str[index])        }    </script>

JavaScript程序循环结构是什么

for …of…

对集合数据进行迭代遍历

这是直接拿到值

<script type="text/javascript">        var str = 'abc'        for(var index of str){            console.log(index)        }    </script>

JavaScript程序循环结构是什么

小结

终止循环

break

break跳出整个循环,终止循环的执行

案例

//当1-20之间整数相加,当累加值大于66时停止相加,输出当前整数和累加值var sum=0for(var i=1;i<=20;i++){sum+=1if(sum>66){break}}
continue

跳出本次循环,执行下一次循环,本次循环尚未执行完

//计算1-10之间所有偶数和var sum=0;for(var i=1;i<=10;i++){if(i%2!=0){continue}sum+=i}

二层循环

一个循环嵌套着另一个循环,成为二重循环,各种循环可以相互嵌套

外层循环变量变化一次,内层循环执行一边

//案例//某次程序大赛,共有三个班级参加,每个班级4名学生,输入各班级每个学生成绩,然后计算各班级平均分for(var i=1;i<=3;i++){alert('请输入第'+i+'个班级学生信息---')//内层循环控制班级学生数量var sum=0for(var j=1;j<=4;j++){var score=Number(prompt('请输入第'+j+'个学生成绩:'))sum+=score;}console.log('第'+i+'个班级平均分为:'+sum/4)}
  <script type="text/javascript">        for(var i=1;i<=9;i++){            for(var j=1;j<=i;j++){                document.write(j+'*'+i+'='+i*j+'&nbsp;&nbsp')            }            document.write('<br>')        }    </script>

JavaScript程序循环结构是什么

看完上述内容,你们对JavaScript程序循环结构是什么有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网行业资讯频道,感谢大家的支持。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯