快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

好程序员web前端培训分享JavaScript学习笔记之循环结构

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

成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的乐至网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

  初始化

  条件判断

  要执行的代码

  自身改变

WHILE 循环

·  while ,中文叫 当… 时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了

·  语法  while (条件) { 满足条件就执行 }

·  因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了

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

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

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

·  如果没有自身改变,那么就会一直循环不停了

DO WHILE 循环

·  是一个和  while   循环类似的循环

·  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( '我吃了一个包子' )}


网站名称:好程序员web前端培训分享JavaScript学习笔记之循环结构
网页URL:http://6mz.cn/article/jdhjgo.html

其他资讯