JS循环语句以及一些小练习

简介: JS循环语句以及一些小练习

首先,我们常见的循环语句有:for循环while循环以及do while循环

 今天我们来学习一下最为常用的for循环,并做一些小练习 :

执行流程:

1. 初始化变量,初始化操作在整个 for 循环只会执行一次。

2. 执行条件表达式,如果为 true ,则执行循环体语句,否则退出循环,循环结束。

3. 执行操作表达式,此时第一轮结束。

4. 第二轮开始,直接去执行条件表达式(不再初始化变量),如果为 true ,则去执行循环体

语句,否则退出循环。

5. 继续执行操作表达式,第二轮结束。 ......

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

for 循环 嵌套 for循环


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

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

课下小练习:

① 使用JavaScript在页面上输出:1~10与5相乘的结果


② 使用JavaScript在页面上输出:九九乘法表


 我就将答案写在下方了                                                     ps:给小笨蛋看的(手动滑稽2333)


①:

  for (let i = 1; i <= 10; i++) {
      document.write(i * 5 + ' ');
      }

②:

  for (let g = 1; g <= 9; g++) {
        for (let m = 1; m <= g; m++) {
          document.write(m + 'x' + g + '=' + m * g + ' ');
        }
        document.write('<br/>')
      }

那么其中的逻辑,小伙伴们是否有自己的理解了呢,请诸君在自己的注释中写明或在评论区探讨!

相关文章
|
3月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
53 6
JS循环for、for...of、for...in
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
62 2
JavaScript基础知识-流程控制之while循环
|
2月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
37 0
|
4月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
4月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
175 0
|
1月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
29 2
|
3月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
107 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
53 1
JavaScript基础知识-forEach循环
|
3月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript
自动循环提交js
自动循环提交js
18 0