当前位置: 首页 / 技术分享 / 正文
好程序员web前端培训分享JavaScript学习笔记之循环结构

2020-07-01

浅谈JavaScript作用域 web前端培训

  好程序员web前端培训分享JavaScript学习笔记之循环结构,循环结构,就是根据某些给出的条件,重复的执行同一段代码

JavaScript入门

  循环必须要有某些固定的内容组成

  初始化

  条件判断

  要执行的代码

  自身改变

WHILE 循环

  • while,中文叫 时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了
  • 语法 while (条件) { 满足条件就执行 }
  • 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了

// 1. 初始化条件 var num = 0;// 2. 条件判断while (num < 10) {

// 3. 要执行的代码 console.log('当前的 num 的值是 + num)

// 4. 自身改变   num = num + 1}

  • 如果没有自身改变,那么就会一直循环不停了
  • 是一个和 while 循环类似的循环
  • while 会先进行条件判断,满足就执行,不满足直接就不执行了
  • 但是 do while 循环是,先不管条件,先执行一回,然后在开始进行条件判断
  • 语法: do { 要执行的代码 } while (条件)

DO WHILE 循环

// 下面这个代码,条件一开始就不满足,但是依旧会执行一次 do 后面 {} 内部的代码 var num = 10 do {

console.log('我执行了一次') 

        num = num + 1} while (num < 10)

FOR 循环

  •  while  do while 循环都不太一样的一种循环结构
  • 道理是和其他两种一样的,都是循环执行代码的
  • 语法: for (var i = 0; i < 10; i++) { 要执行的代码 }

// 把初始化,条件判断,自身改变,写在了一起  for (var i = 1; i <= 10; i++) {

// 这里写的是要执行的代码 console.log(i)}// 控制台会依次输出 1 ~ 10

  • 这个只是看起来不太舒服,但是用起来比较好用
  • 在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环
  • 比如:我要吃五个包子,吃到三个的时候,不能在吃了,我就停止吃包子这个事情
  • 要终止循环,就可以直接使用 break 关键字

BREAK 终止循环

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

// 没循环一次,吃一个包子 console.log('我吃了一个包子')

// i 的值为 3 的时候,条件为 true,执行 {} 里面的代码终止循环 // 循环就不会继续向下执行了,也就没有 4 5  if (i === 3) {

break

}}

CONTINUE 结束本次循环

  • 在循环中,把循环的本次跳过去,继续执行后续的循环
  • 比如:吃五个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个
  • 跳过本次循环,就可以使用 continue 关键字

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

// i 的值为 3 的时候,执行 {} 里面的代码 // {} 里面有 continue,那么本次循环后面的代码就都不执行了 // 自动算作 i 3 的这一次结束了,去继续执行 i = 4 的那次循环了 if (i === 3) {

console.log('这个是第三个包子,掉地下了,我不吃了') continue

}

console.log('我吃了一个包子')}

 

好程序员公众号

  • · 剖析行业发展趋势
  • · 分享大厂面试心得
  • · 汇聚企业项目源码
  • · 下载全套高精尖教程

好程序员开班动态

More+
  • HTML5大前端 <高端班>

    开班时间:2020-11-16(北京)

    预约报名

    开班时间:2020-09-14(北京)

    开班盛况
  • 大数据+人工智能 <高端班>

    开班时间:2020-11-16(深圳)

    预约报名

    开班时间:2020-11-09(北京)

    预约报名
  • JavaEE分布式开发 <高端班>

    开班时间:2020-12-07(北京)

    预约报名

    开班时间:2020-07-20(北京)

    开班盛况
  • Python人工智能+数据分析 <高端班>

    开班时间:2020-07-20(上海)

    开班盛况

    开班时间:2020-09-21(上海)

    开班盛况
  • 云计算开发 <高端班>

    开班时间:2019-07-22(北京)

    开班盛况

    开班时间:2019-07-15(深圳)

    开班盛况
在线咨询
免费试听
入学教程
立即报名

Copyright 2011-2020 北京千锋互联科技有限公司 .All Right 京ICP备12003911号-5 京公安网11010802011455号