JavaScript 条件循环语句(for 循环)

简介: JavaScript 条件循环语句(for 循环)

for循环可以单独的for循环,也可以for循环里面嵌套一个for循环

我们先来说一下普通的for循环:

 
for(初始化变量1; 条件表达式2; 操作表达式3 ){
 
      // 循环体4
 
}

初始化变量1:这个就是创建一个变量,然后给这个变量命名;有var和let,建议使用let来添加变量


条件表达式2:来确定每次循环能否被执行;如果可以被执行的话,就继续下面的循环;如果不可以,就结束循环


操作表达式3:每次循环结束,判断条件表达式是否能被执行,如果可以,增加变量的值,继续循环,如果不可以,结束循环


循环体4:需要被执行的代码


 整体执行顺序为:① ② ④ ③ ② ④ ③ ② ④ ③ ...... ② 循环结束

例如:

珠穆朗玛峰8848米,一张纸厚度0.01米,这张纸折叠一次纸的厚度x2,问折叠多少次可以比珠穆朗玛峰高?

  /* 珠穆朗玛峰 */
for(let a=0.01;a<8848;a*=2){
    console.log(a)
}
  /* 20次 */

接着来说for循环里面嵌套一个for循环:

for (外循环的初始1; 外循环的条件2; 外循环的操作表达式3) {
 
      for (内循环的初始4; 内循环的条件5; 内循环的操作表达式6) {
 
         // 需执行的代码7;
 
    }
}

这个原理和普通for循环一样,都是先定义添加一个变量,然后判断,继而执行。

但是这个是 外循环开始执行一次,内循环需要i执行到判断不成立的时候,外循环再看判断成不成立,不成立的话,增加变量,继续执行,继而重复循环。

     整体执行顺序为:① ② ④ ⑤ ⑦ ⑥ ⑤ ⑦ ⑥ ⑤ ...... ⑤ 内循环结束 ③ ② ④ ⑤

⑦ ⑥ ⑤ ⑦ ⑥ ⑤ ...... ⑤ 内循环结束 ③ ...... ② 外循环结束。

例如:

99乘法口诀表:

/* 乘法口诀表 */
for(let a=1;a<10;a++){
  for(let b=1;b<=a;b++){
    document.write(b+'x'+a+'='+b*a+'')
  }
  document.write("<br>")
}

for循环是我们最常用的循环语句,用来做东西和计算等方面都是十分的方便,熟练掌握for循环,对自己也有提升,提成计算心理和逻辑性,也可以为我们带来方便快捷。

让我们勤奋努力地学习,熟练掌握知识。

相关文章
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
238 6
JS循环for、for...of、for...in
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
287 2
JavaScript基础知识-流程控制之while循环
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
JavaScript 前端开发
js循环有几种
js循环有几种
221 0
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
561 0
|
JavaScript
js 循环数组取值
js 循环数组取值
321 122
|
12月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
1055 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
169 2
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
181 1
JavaScript基础知识-forEach循环

热门文章

最新文章