前端-js基础-循环

#博学谷IT学习技术支持

for循环

双重for循环

while循环

do...while循环

continue 关键字

break 关键字

循环
- 循环的目的：在实际问题中，有许多具有规律性的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句
- js中的循环：for循环、while循环、do...while循环
- for循环
  - for循环主要用于把某些代码循环若干次，通常跟计数有关
  - 语法：
  - 初始化变量：通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。初始化操作在整个for循环只会执行一次。
  - 条件表达式：用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。
  - 操作表达式：每次循环的最后都要执行的表达式。通常被用于更新或递增计数器变量。
  - 执行过程：
    - 初始化变量，初始化操作在整个 for 循环只会执行一次。
    - 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。
    - 执行操作表达式，此时第一轮结束。
    - 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。
    - 继续执行操作表达式，第二轮结束。
    - 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。
  - 断点调试——scorces
    - 断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。断点调试可以帮助观察程序的运行过程
    - 步骤
  - for 循环执行相同的代码
  - for 循环重复执行不同的代码
  - for循环重复某些相同操作
  - 案例
    - 案例：求1～100之间所有整数的累加和
    - 案例：一行打印五个星星
    - 案例：求学生成绩
  - 双重for循环
    - 循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以再嵌套一个for 循环，这样的 for 循环语句我们称之为双重for循环。
    - 语法
    - 案例
      - 打印五行五列星星
      - 打印n行n列星星
      - 打印倒三角形
      - 打印正三角形
      - 打印九九乘法表
  - 小结：
- while循环
  - while 语句可以在条件表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。
  - 语法
  - ⚠️注意：使用 while 循环时一定要注意，它必须要有退出条件，否则会成为死循环
  - 案例
- do...while循环
  - do... while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真，就会重复执行循环体，否则退出循环。
  - 语法
  - ⚠️注意：先再执行循环体，再判断，我们会发现 do…while 循环语句至少会执行一次循环体代码
  - 案例
- 小结
- continue 关键字
  - continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。
- break 关键字
  - break 关键字用于立即跳出整个循环（循环结束）。

前端-js基础-循环相关推荐

ie9无法获取未定义或 null 引用的属性“indexof”_前端JS基础篇（二）JS基本数据类型和引用数据类型及检测数据类型方法...
JS中的数据类型 (一).基本数据类型(值类型) 1.number:数字 -12.12.5.-12.5 0这些数字都是number: js中增加了一个number类型的数据:'NaN' typeof ...
前端JS基础知识复习笔记（1）
珠峰前端JS基础复习笔记(1) 在财务工作中自学了HTML和CSS之后,硬啃了JS高级编程三,实在觉得想要学的透是需要找一位好老师的,于是最近在学习周啸天老师的JS高级编程课,课外需要再补补基础,就回 ...
JS基础——循环很重要
介绍循环之前,首先要说一下同样很重要的if-else结构,switch-case结构 ①if-else结构 if(判断条件) { 条件为true时执行 } else{ 条件为false时执行 } ②i ...
前端JS基础知识复习笔记（2）
珠峰的JS基础课程笔记(第二天) 今天早上做完了变量的作业,下午听基础课做做笔记,最好没有事干的时候可以翻出来看看,欢迎大家收藏和我一起复习回顾记忆,一起学习一起成长一起挣钱钱ヾ(◍°∇°◍)ﾉﾞ . ...
100道前端js基础面试题
1.JavaScript有哪些垃圾回收机制? 有以下垃圾回收机制. 标记清除( mark and sweep) 这是 JavaScript最常见的垃圾回收方式.当变量进入执行环境的时候,比如在函数中声 ...
js增加属性_前端js基础2
JavaScript ECMAScript(ES):规定了js的一些基础的核心知识(变量.数据类型.语法规范.操作语句等) 3/5==6/7 说出ES5和ES6的区别? DOM:document ob ...
js 基础 -- 循环、函数调用、全局和局部变量、异常捕获、事件
一:循环 for for in <!DOCTYPE html> <html> <head><meta charset="utf-8" / ...
JS基础-循环精灵图
要实现的效果如下图: 按照之前精灵图的做法,是采用一个一个li进行background-position的修改,但是有了JS之后就可以执行循环操作来更改图片的位置. 这里给出精灵图图片: 根据索引号来 ...
前端-JS基础之运算符
运算符算术运算符加(+) 减(-) 乘(*) 除(/) 取余(%) 乘方(**) // 加法运算 let a = 1 let b = a + 2 // 此时b等于3// 减.乘.除同理重点说下取 ...

前端-js基础-循环

for循环

双重for循环

while循环

do...while循环

continue 关键字

break 关键字

前端-js基础-循环相关推荐

最新文章

热门文章