JS中的循环语句语法介绍以及简单应用

注意:编写代码是一定要细心'=' 和'==' 以及'==='之间是有区别的

'=' 是赋值 '==' 是等于 '===' 是全等于

一、循环三要素

                    开始

                    结束 - 没有结束叫死循环

                    步长

二、for循环

for (var i = 0; i < 5; i++) {

            代码块

        }

        i = 0 初始化一个变量i,赋值为0

        i < 5 结束条件,条件的结果为false结束

        i++ 步长,也可以写成 i += 2,区别就是步长为1或着2

        定义初始变量以及结束条件还有步长的设定们没有具体的要求,根据需要解决的问题进行设定。

for循环的执行过程

执行过程

        1.声明了一个变量i,赋值为0,判断i是否小于5,条件为true

        然后执行代码块

        2.然后进行i++的执行,i变成了1,再次进行 i < 5的判断,结果是true

        然后执行代码块

        3.然后进行i++的执行,i变成了2,再次进行 i < 5的判断,结果是true

        然后执行代码块

        4.然后进行i++的执行,i变成了3,再次进行 i < 5的判断,结果是true

        然后执行代码块

        5.然后进行i++的执行,i变成了4,再次进行 i < 5的判断,结果是true

        然后执行代码块

        6.然后进行i++的执行,i变成了5,再次进行 i < 5的判断,结果是false

        循环结束

到这里我们已经简单掌握了for循环的语法以及循环过程,可以编写一些简单的demo

        1.1~100求和,使用for循环语句

                经过简单的分析我们可以得出,初始值为1,结束条件为<=100,步长为1。接下来我们可以编写代码了,如下:

               

 

 结果:

         2.1~10的乘积,使用for循环语句

        同样编写代码前需要进行简单的分析,初始变量为1,结束条件<=10,步长为1

 代码如下:

 结果如下:

         3.1-100的偶数和和奇数和

        同样的在解决问题前需要进行分析,我们可以知道,我们需要定义两个变量来储存偶数和和奇数和,还需要在for循环语句中嵌套if语句来判断是否是奇数或着偶数。同样的我们得到for循环需要定义一个初始变量1,结束条件是<=100,步长是1,我们可以编写代码了。

结果:

         4. 输出1 - 100之间的安全数 (7的倍数或着尾数是7的数字)

        同样的编写代码前,需要进行简单的分析

        结果:

 

 经过上面一些简单案例的编写,我们现在可以尝试解决复杂一丢丢的问题了

        在此补充两个关键字,break、continue

        break的作用是跳出整个循环,continue的作用是跳出当前循环

        1.找出两个数的最大公约数

                分析:两个数的最大公约数肯定不会大于两个数中小的那个数,以此我们可以得到结束

条件 <=两个数中较小的那个数,同时我们知道是求最大公约数,所以我们的初始变量可以设置为

两个数中较小的那个数,步长为1(只不过是从大到小所有用--),for循环搭建好后,可以编写里

面的if语句最大公约数肯定能被两个数整除,然后得到最大公约数后,使用break跳出整个循环就可

以了。

                

 语法: `条件 ? 条件为 true 的时候执行 : 条件为 false 的时候执行`

 这块是使用了三元运算,用if语句也是可以实现的。

        2.输出两个数的最小公倍数

        分析:两个数的最小公倍数肯定>=两个数中大的那个数,并且可以整除两个数中的任意一个,那么我们就可以知道,for循环语句的初始变量值可以是两个数中较大的数,结束条件就是<=两个数的乘积,步长可以为两个数中较大数的本身,这样的循环次数比较少(也可以是1,这样循环执行的次数较多),同时,我们将步长定位较大数本身时,if语句就可以只写一个条件,整除另外一个数就可以,得到结果后同样使用break跳出循环。如:

        3.判断一个数是否是质数

        同样的,我们在解决问题之前,需要先进行分析,我们知道质数是只有数本身和1两个约数的数。所以我们可以找出一个数的所有约数,如果这个数只有两个约数,那么这个数就是质数。思路有了,下面我们考虑for循环语句的初始变量可以为数本身,结束条件为>=1,步长为1。在使用if语句判断是否可以整除数本身,找出约数。这里需要注意的是,我们怎么才能通过代码的方式拿到只有两个约数的2,我们可以这样实现,在if语句中添加一个变量做计数器,如;

 

        上面我们只是用了单层for循环语句,下面我们看一个双层for循环语句实现简单的案例

                1.打印一个10*10的正方形(可以用 * 、文字符号...)

                和上面一样,我们先进行分析,如果需要打印一个10 * 10 的正方形那么我们就需要在一行输出10个 * 后换行,输出10行,就可以实现了。那么我们如何通过代码实现呢?我们可以先编写在一行输出10个 * 然后换行的for循环语句:

                这样我们就实现了,在一行输出10个 * 然后换行的效果,接下来我们只需要将这行代码再次执行10次就可以,如:

结果:是不是可以实现了

                现在我们既然已经打印正方形了,那么三角形该如何打印呢?正方形的一半,我们思考一下,可以发现,如果去掉一半,那么第一行就只需要输出1个 * ,第二行是两个,第三行是三个.......,就需要我们控制,每次for循环语句的结束条件,而上面正方形的代码中我们for循环的结束条件是写好的,是死的,那么我们如何实现呢?

结果: 

 上面的结果我们已经实现了,我们看到这个这个三角形是不是可以联想到,我们小学时学到的九九乘法口诀表,只需要在上面的代码进行一些更改就可以实现,可以试一试,结果如下。

 

 

 

 

 

        

哈呼嘿
关注 关注
  • 8
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
js循环
Teal__的博客
09-07 186
js循环 for循环 =>循环数组 循环:一轮一轮的重复做某一件事情(真是项目一般都控制相关的事情执行一遍) 使用:for(设置初始值;设置循环条件,控制循环次数;每一轮循环结束购处理的事情[步长累加]) 循环体 设置初始值 验证条件(条件不成立循环体结束) 循环步长累加 再次验证 循环体 一直重复执行,一直到验证条件不成立为止 循环体可能出现的两个关键词 break:强制结束整个循环,所有在循环的代码都不在执行 for(var=0;i<5;i++){
javascript循环语句for语句深入理解
10-26
在JavaScript编程循环语句是基本且极其重要的概念之一。for语句是循环语句的一种形式,它广泛应用于各种编程场景。在JavaScript,for循环具备灵活性,能够适应不同的编程需求和数据结构。下面,我将详细解释...
JavaScript_for循环
qq_44531034的博客
03-13 298
for循环 应用最广泛的循环的形式 适用于已知循环次数,循环嵌套 for和while循环,所有的关键步骤的代码都是一样的,只是语法形式不同的,程序的执行原理和执行顺序也是一样的 for()小括号内容的顺序 for(定义变量的初始值;进入判断条件;步长){循环体} 执行顺序,依然是先执行循环体,再执行步长 优点是将循环变量,是将与循环变量和循环次数相关的设定,都定义在(),设定内容更加集,不容易...
for循环步长_JavaScript-for 循环
weixin_39775127的博客
11-30 758
好好学习,天天向上for循环for 循环是一种前测试循环语句,在反复执行一段代码之前,都要先测试入口条件,如果条件为真,可以继续循环,如果条件为假,必须跳出循环不再执行for 循环是一种反复执行一段代码直到测试条件为假时停止语法:for 呆板语法示例:<应该掌握 for 循环运行的一个轨迹、路径,自己去推导 for 循环运行的过程<注意事项小括号内部必须有两个分号for 循环 {} 后...
JavaScript循环
YANG_helloworld的博客
01-04 495
循环结构 循环结构,就是根据某些给出的条件,重复的执行同一段代码. 循环必须要有某些固定的内容组成. 初始化 定义一个变量并且赋值初始值, 这个变量的数值往往和循环执行次数相关. 条件判断 判断进入循环的条件, 当表达式结果是true时, 进入循环程序, 当表达式结果是false 终止循环程序. 要执行的代码 循环体程序, 每次循环都会执行的程序代码. 自身改变 步长值, 每次循环 循环变量改变的数值. while循环 while,文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不
js 知识点、for循环
Joker_d_的博客
03-22 346
循环三要素:即表达式1,表达式2,表达式3 (循环变量赋初值,循环判定条件,循环增量) 循环体:需要重复执行的语句。 for(表达式1;判断表达式2;表达式3) { 循环体; }. for循环语句的执行顺序是:表达式1(给变量赋初值)–>执行循环体–>表达式3(循环增量,即步长)–>表达式2(进行循环判定是否结束,否则回到表达式1,直至循环结束) 如下是一段实现9*9乘法表的代码...
简单学习JavaScript的for语句循环结构
11-25
在本文,我们将深入探讨`for`循环的基本语法、注意事项以及几种不同的跳出循环的方法。 首先,让我们看看一个基本的`for`循环结构: ```javascript for (初始化; 条件; 更新) { // 循环体,执行的代码 } ``` 在...
js while循环语句
07-07
JavaScript的`while`循环语句是程序控制流程不可或缺的一部分,它允许我们在满足特定条件时重复执行一段代码。本文将深入探讨`while`循环的工作原理、语法结构以及在实际编程应用。 首先,我们来看一下`...
javascript基本语法分析说明
12-09
JavaScript是一种广泛应用于网页和网络应用的编程语言,它在客户端运行,为用户提供动态交互体验。在深入探讨JavaScript之前,我们首先要了解它的基本语法。 **标识符**是JavaScript定义符号的关键,包括变量名、...
JavaScript-50:for循环执行过程
臧小川的博客
09-22 295
for 循环的执行过程 断点调试 1.首先执行里面的计数器变量 var i =1 ,但是 这句话在for里面只执行一次 index 2.去 i <=100 来判断是否满足条件 如果满足条件 就去执行循环体 不满足条件 退出循环体 3.最后去执行i++ i++就单独写的代码 递增 第一轮结束 4.接着去执行 i <=100 如果满足条件 就去执行 for (var i = 1; i <= 100; i++) { console.log('你好'); } ...
JS常用的for循环
最新发布
zhaojjjjjj163的博客
05-22 223
遍历数组时,可能会出现异常结果,因为该方法是遍历对象可枚举属性的,而数组的每个元素也是对象并有自己的属性。最常用于遍历数组、类数组对象、字符串等 iterable 对象的每个元素(包括符号字符)。原型上提供的一个遍历数组每个元素的方法,它接受一个回调函数作为参数,该回调函数会传入。关键字创建一个普通的循环,通过指定起始值、结束条件和步长来控制循环的次数。不支持在途跳出循环,因此如果需要在特定条件下停止遍历,最好使用普通的。用于遍历对象的可枚举属性,返回每个属性名称(字符串类型)。
JavaScript学习笔记19-for循环
Anthony_tester的博客
04-28 1127
前面文章介绍的是if语句,if语句是一种条件控制语句。本文来学习下循环语句,先看看for循环。 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> for (i=0;i<10;i++){
javascript(for)循环语句3.0
qq_44349459的博客
08-12 196
6、循环语句—for (1)、语法:for(定义初始变量;条件;步长【初始变量的操作】) { 循环体;} 练习1-1: //练习:求10!=1*2*3*4*......*10;(10的阶乘) var jc = 1; for (var i=1; i<=10; i++) { jc =jc*i; } alert(jc); (2)、循环常用的两个关键字 break:跳出循环 ...
对for(var i = 0;i < 5;i++) {setTimeout(() => console.log(i),1000)}的深入分析
weixin_41387874的博客
07-03 3105
对于这个问题,想必大家都有所耳闻,最终输出是 毫无疑问,这是和我们的预期输出不符的(预期输出是0 1 2 3 4)。造成这个问题的原因,就是var关键字声明的标识符的作用域范围是函数作用域。因此在上面的js代码,i标识符是存放在全局作用域的。因此,当setTimeout的回调函数执行的时候,i标识符存放的值已经是5了(5是循环结束的终点),因此将输出5个5。但这里还有一个疑点,为什么setTimeout执行的时候i已经是5了,是因为等待了1秒钟嘛?现在我们知道了第一个问题的答案和造成错误的原因,那么下面
如何用vue的v-for写出控制步长循环
别人笑我太疯癫,我笑他人看不穿。
05-04 961
整体的思路是用栅格el-row做最外层的for载体,内部用ul做行内元素的展示载体,大家可是按需使用其他的标签,但是无论如何都免不了最外层会生成多个无用的for载体标签。但这貌似没有解决的办法,属于vue的缺陷,如果大家有解决的方法,可以评论说一下。最近碰到一个需求有意思的需求,前端用的vue,但是需要再for遍历集合的时候控制步长,每次处理两个元素。,而不是向jsp的forEach那样单独的标签,这意味这它的使用需要一个载体。
javascript之for循环(二)
码农1425的博客
10-29 282
标题 /* var r=3; //打印乘法口诀表第r行 //循环条件:乘数<=r //循环变量: 乘数i //i从1开始,每次递增1 //循环体: //在str拼接:"ixr=(i*r)_" //打印任意一行的公式: for(var i=1,str="";i<=r;i++){ str+=i+"x"+r+"="+i*r+
JS的4种for循环
热门推荐
wuyujin1997的博客
03-22 18万+
分类 普通for循环 自行指定循环次数。 for (i = 0; i < loopTimes; i++) { console.log(i); } for..in循环 属历史遗留,用于遍历对象的属性(数组的索引值也算属性)。 但有一个缺点:如果手动向数组添加成员属性,则: 虽然数组的length不变,但用for..in遍历数组会遍历到那些新定义的属性。 for (property...
掌握JavaScript while循环语法规则与实战应用
在JavaScript,while循环语句是一种控制流程的关键结构,当满足特定条件时,会重复执行一段代码块,直到条件变为False为止。 while循环的基本语法如下: ```javascript while (condition) { statements; } ``` ...
写文章

热门文章

  • 浏览器内核及其兼容的简单说明 808
  • JS中的循环语句语法介绍以及简单应用 801
  • Js的冒泡排序和选择排序 428
  • JavaScript中数组的常用方法 376
  • JS基础:变量、函数、对象、数组、循环、选择(判断) 289

最新评论

  • JS中的循环语句语法介绍以及简单应用

    池鱼_1: 文章不错,学到了很多实用的知识点

大家在看

  • transformer对位置编码的理解 267
  • Linux:进程状态和优先级 2389
  • 模板:JDBC 连接数据库并实现 CRUD 288
  • 【精品毕设推荐】基于SSM+jsp的学生公寓管理中心系统设计与实现 754

最新文章

  • JS中节点的遍历和操作
  • JS中字符串的常用方法
  • JavaScript中数组的常用方法
2022年8篇

目录

目录

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为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 网站制作 网站优化