JavaScript流程控制语句——循环结构和跳转语句

本文详细介绍了JavaScript中的三种循环结构:while循环、do-while循环和for循环,并通过实例展示了它们的用法。同时,提到了break和continue语句在循环控制中的作用,帮助读者更好地理解和运用JavaScript中的循环控制结构。
摘要由CSDN通过智能技术生成

在现实生活中,经常需要重复且有规律的做一些事。在程序中也经常会出现重复的情况。而在JavaScript中,循环结构有while循环、do-while循环和for循环。

一、while循环语句

语法:

while(条件表达式){

 语句或语句块

}

 例:(依次输出30以内的奇数)

    <script type="text/javascript">
        var num = 1;
        while (num <= 30) {
            document.write(num + "  ");
            num += 2;//每循环一次加2,等同于num=num+2
        }
    </script>

 实现样式:

二、do-while循环语句

语法:

do{  

语句或语句块

}while( 条件表达式 );

 例:(计算30以内奇数和)

<script type="text/javascript">
        var num = 1;
        var result;//总和
        while (num <= 30) {
            document.write(num + "  ");
            num += 2;
            result += num;//将奇数相加装进result内
        }
        document.write("30以内的奇数和为:" + result);
    </script>

实现样式:

三、for循环语句

for( 初始化表达式 ; 循环条件表达式 ; 循环后的操作表达式 ){  

语句或语句块

}

例:(计算330以内的偶数和)对于取余的用法详细请见:JavaScript运算符和注释

 <script type="text/javascript">
        var result = 0;
        for (var num = 1; num <= 30; num++) {
            if (num % 2 == 0) {
                document.write(num + " ");
                result += num;
            }
        }
        document.write("偶数和为:" + result);
    </script>

实现样式:

 四、break语句和continue语句

        1.JavaScript跳转语句:break语句和continue语句

             break语句用于中断循环

             continue语句用于跳过本次循环要执行的剩余语句,然后开始下一次循环

小魁的C世界
关注 关注
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 动态网页实例 —— 流程控制语句
cccloveforever的博客
04-28 1351
JavaScript 中,流程控制语句主要有:if语句、switch语句、while语句、do-while 语句、for 语句,以及专门用于对象的 with 语句等。本文介绍常用语句及其变种的用法。本文内容是JavaScript程序结构的框架,也是JavaScrip程序设计的基础。学好流程控制语句,不仅是JavaScript程序设计的基础,也是很好理解本系列后面文章中示例代码的前提。
06JavaScript流程控制——分支流程控制
qq_43394976的博客
11-17 858
1、流程控制 简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行 JavaScript流程控制主要有三种结构:顺序结构、分支结构、和循环结构 顺序结构:顺序执行 分支结构:条件判断,分不同的路走 循环结构:让代码反复执行 2、顺序流程控制 顺序结构是程序中最简单、最基本的流程控制。它会按照代码的先后顺序,依次执行。 程序中大多数代码都是这样执行的。 3、分支流程控制if语句 3.1 分支结构 由上到下执行代码的过程中,根据不同的条件,执
Java流程控制(选择结构循环结构跳转语句
11-10 299
选择结构 if语句 if语句的语法有两种:if及if~else。 if语句有选择的执行语句,只有当表达式条件为真(true)时执行程序。if~else在表达式条件为真(true)与假(false)时各执行不同的程序序列。 if~else语句的基本形式: if(布尔表达式){ // ...
如何使用JavaScript1~100奇偶数的和
百度一下 猎人社区
04-30 2893
在本文中,我们学习了如何使用JavaScript计算1到100之间所有奇数和偶数的总和。我们使用了一个for循环来遍历数字,并使用条件语句来判断数字是否为偶数或奇数。通过简单的计算,我们成功地得出了1到100之间奇数和偶数的总和。当然,这只是一个简单的例子。在实际编程中,你可能需要计算更复杂的问题。但是,使用类似的技术可以帮助你解决这些问题。我希望这篇文章对你学习JavaScript编程有所帮助!
JavaScript实现100以内奇数和的代码
weixin_59042297的博客
06-04 1079
1.若有选择,您可以在目录里进行快速查找;2.本博文代码可以根据题目要实现相关使用功能。同时可以实现自定义的设置;3.本文介绍的是JavaScript代码习题,本博文使用的软件是HBuilder X3.7.9编写的代码,原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的,若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的;图1 编写软件举例(部分)
18 JS流程控制——跳转语句
Blog of Lytracy
09-09 1409
文章目录1、作用于循环2、跳转到指定标签处3、案例一:打印金字塔4、案例二:打印九九乘法表 跳转语句用于实现程序执行过程中的流程跳转。常用的跳转语句:有break和continue语句。 1、作用于循环 break与continue的区别:break语句可应用在switch和循环语句中,其作用是终止当前语句的执行,跳出switch选择结构循环语句,执行后面的代码。而continue语句用于结束本次循环的执行,开始下一轮循环的执行操作。 2、跳转到指定标签处 break和continue语句还可跳转到指
javascript语句——条件语句循环语句跳转语句
weixin_33913377的博客
07-15 146
前面的话   默认情况下,javascript解释器依照语句的编写顺序依次执行。而javascript中的很多语句可以改变语句的默认执行顺序。本文介绍可以改变语句默认执行顺序的条件语句循环语句跳转语句 条件语句   脚本的威力体现在它们可以根据人们给出的各种条件做出决策,javascript使用条件语句来做判断   条件语句(conditianal statement)通过判断表...
17 JS流程控制——循环结构及变量作用域
Blog of Lytracy
09-08 529
文章目录1、`while`循环2、`do…while`循环语句3、`for`循环4、let关键字 所谓循环语句就是可以实现一段代码的重复执行。 1、while循环 while循环语句是根据循环条件来判断是否重复执行一段代码。 若循环条件永远为true时,则会出现死循环,因此在开发中应根据实际需要,在循环体中设置循环出口,即循环结束的条件。 2、do…while循环语句 do…while循环语句的功能与while循环语句类似,唯一的区别在于,while是先判断条件后执行循环体,而do...while会无条
week1.3流程控制语句——每天一个JS小总结
qq_44828153的博客
08-03 134
week1.3循环 解法2: while(num)------------while(num!==0)隐式类型转换,当while为0时,就为false 我的写法: continue ,跳出本次循环,直接进行下次循环 break 直接中止循环 ...
图解Javascript——作用域、作用域链、闭包
10-20
JavaScript中,不存在块级作用域,也就是说,像if语句或for循环内部使用花括号定义的代码块,并不会创建新的局部作用域。局部作用域仅由函数的花括号内代码块创建。 作用域链是作用域规则的实现方式,它是一种...
JavaScript学习笔记(九)——语句
qq_56607109的博客
06-17 266
表达式-----最简单的语句,单语句:只有一条语句,每一个单语句结尾都要加分号;复合语句:多条单语句组成 ; 语句组成程序。空语句:啥都不写 ;js的执行引擎:如果执行体只有一条语句,可以省略执行体。if-else if -else 语句 不是js的标准语法,是程序员利用js引擎的纠错功能实现的。 3、switch语句 switch 语句用于基于不同的条件来执行不同的动作。使用 switch 语句来选择要执行的多个代码块之一。语法如下: 工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结
Babel
最新发布
小秀的博客
09-20 424
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为,尤其是提供对较新 ECMAScript 特性(如 Promise、Symbol、Object.assign 等)的支持。随着 JavaScript 标准不断更新,新的特性和功能被添加,但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的,这意味着开发者可以按需引入自己需要的 polyfill,而不是全部引入,这不仅能减少代码体积,还有助于提高性能。
JavaScript】LeetCode:707设计链表
weixin_45980065的博客
09-14 741
【代码】【JavaScript】LeetCode:707设计链表。
vue 案例使用
buhuidage的博客
09-17 319
加上show-password就行。el-switch 按键的使用。
记录一个英语听力网站的开发
程序员Blue的博客
09-14 746
网站目前导入了雅思历年真题的听力音频,作为日常英语听力练习的素材已足够。网站的核心功能是英语句子的精听训练,用户可以反复播放每一句话,直到完全听懂为止。播放/暂停上一句/下一句播放次数选择播放速度调整字体大小调整是否显示原文与译文是否自动播放下一句标记文章已完成上图中的绿色进度条,展示了当前卡片完成的百分比,一个卡片对应一年的剑雅真题,一共16篇听力练习,在每一篇文章练习完成后,可以点击”标记已完成“,然后在下一次进入列表页时,就可以比较直观的看到学习进度。
使用 uni-app 开发微信小程序的详细指南
2301_79685859的博客
09-16 1084
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码,可以生成多端应用,包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
基于python+django+vue的旅游网站系统
计算机学姐的博客
09-17 1978
【2025最新】基于协同过滤+python+django+vue+MySQL的旅游网站系统,前后端分离。
[附源码]SpringBoot+VUE+Java实现人脸识别系统
吉他程序员的博客
09-19 726
人脸数数据录入人脸管理摄像头识别端。
写文章

热门文章

  • Java程序设计——控制台的输入和输出 7718
  • 如何在客户端连接MySQL服务呢??? 5283
  • MySQL中究竟什么是数据、什么是数据库,数据库的定义又是什么呢? 3431
  • JavaScript自定义函数(函数的定义、调用、参数、返回值) 3291
  • JavaScript的概念和执行原理 1838

最新评论

  • 如何在客户端连接MySQL服务呢???

    不吃香菜的小趴菜: 二者在使用功能上有啥区别嘛

  • Java程序设计——控制台的输入和输出

    小魁的C世界: 是报错了,还是你下一步没有进行操作呢,你可以看一下哦

  • Java程序设计——控制台的输入和输出

    m0_56253520: 请问大神我在下面输入了数值下一步不能运行怎么办?

  • JavaScript核心语法之基本数据类型(绝对详细,满满干货)

    Cdf(人名): 写的好,很nice,期待大佬回访!

  • JavaScript自定义函数进阶(匿名函数、变量的作用域)

    大家一起学编程(python): 看君一篇文,少填10个坑

最新文章

  • 使用idea2021创建一个springBoot项目,并实现查询功能
  • MySQL如何转成oracle数据库???
  • oracle在java中如何实验新增insert功能???
2024年1篇
2023年6篇
2021年23篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

天下网标王深圳信息类网站优化方式有哪些四川营销型网站建设优化洛阳关键词网站优化排名如何优化网站脱颖而出企业网站需要怎么样优化巢湖个人网站优化电话长乐市网站优化排名外贸网站优化选择什么公司快速网站优化方式肇庆地产网站优化热线泰和县网站建设与优化网站整站优化选择金手指增城企业网站优化推广怎么做最好文章对网站优化的影响罗湖门户网站优化有用吗蜘蛛屯优化网站排名广东网站竞价优化公司介绍什么是seo网站优化国内网站优化系统加盟代理项目怎么优化网站让文章排名在首页河源网站优化热线下城区网站优化推广服务清丰县怎么优化网站湘潭品牌营销型网站优化优化推广网站的新乡网站自然优化价格表设备网站seo优化芜湖网站优化标题可以修改吗东莞seo网站优化代码网站优化后台训练香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

天下网标王 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化