好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

JavaScript while 语句

JavaScript while 语句

while 语句可以在某个条件表达式为真的前提下,循环执行指定的一段 代码 ,直到那个表达式不为真时结束循环。—— MDN

while 语句也是一种循环语句,也称 while 循环。

while 循环接收 一个 表达式,当这个表达式结果非 false 的时候,就会执行 while 循环的 代码 块。

1. 基本语法

  while   ( 表达式 )   { 
  表达式结果为真时候执行的 代码  ; 
 } 
 

while 的语法相对简单,其使用的频率没有 for循环 高,可以使用 for 循环完成的都可以使用 while 循环完成,反之亦然。

例如 输出 0 到 100 的偶数,使用 while 就可以这样做:

  var  num  =  
 while   ( num  <=   )   { 
   if   ( num  %    ===   )   { 
    console .  log  ( num )  ; 
   } 

  num ++  ; 
 } 
 


  var  i ; 
 for   ( i  =   ;  i  <=   ;  i ++  )   { 
 if   ( i  %    ===   )   { 
    console .  log  ( i )  ; 
   } 
 } 
 

对比 for 循环,许多场景两者在同一问题的处理方式上区别不大。

for 循环将初始操作、循环条件、 条件判断 后 要做 的事情放在了规定的位置,而 while 循环只是将这些操作换个地方写而已。

事实上 for 循环也可以写得像 while 循环一样:

  var  num  =   ; 
 for   (  ; num  <=   ;  )   { 
   if   ( num  %    ===   )   { 
    console .  log  ( num )  ; 
   } 

  num ++  ; 
 } 
 

换成这样的写法可以说是高度一致了。

2. 使用 while 的场景

根据个人的经验,while 比 for 循环用到的少,通常有三种情况:

需要“无限循环”

相比 for 循环,while 来做无限循环更直接:

  for   (  ;  ;  )   { 
  console .  log  (  '我停不下来了!!'  )  ; 
 } 

console .  log  (  '永远也不会执行到这里 :)'  )  ; 

 while  (  true  )   { 
  console .  log  (  '我也停不下来了!!'  )  ; 
 } 
 

那么问题就来了,为什么需要无限循环。

主要是想将复杂的条件拿出来,自己判断条件是否达成,然后使用 break 中断循环。

有许多不可控的量构成循环条件

当循环条件为 一个 复杂表达式,而又不需要用到循环计数变量的时候(循环变量不一定非要是 一个 数字进行累加的)。

通过循环对已有变量做操作,并将这个变量作为条件或者构成条件的成员

3. 小结

可以使用 while 语句实现的需求,都可以使用 for 语句实现,但 while 更适合复杂循环条件的场景。

JavaScript 的 break 与 continue ? ?JavaScript switch 语句

查看更多关于JavaScript while 语句的详细内容...

  阅读:61次

上一篇

下一篇

第1节:什么是 JavaScript    第2节:学习环境准备    第3节:调试方案    第4节:JavaScript 变量    第5节:JavaScript 数据类型    第6节:JavaScript if 语句    第7节:for 语句    第8节:JavaScript 算数运算符    第9节:JavaScript 比较运算符    第10节:JavaScript 逻辑运算符    第11节:JavaScript 函数    第12节:JavaScript 表达式    第13节:JavaScript 对象    第14节:JavaScript 字符串    第15节:JavaScript 数字    第16节:JavaScript 数组    第17节:JavaScript switch 语句    第18节:JavaScript while 语句    第19节:JavaScript 的 break 与 continue    第20节:JavaScript with    第21节:document.cookie    第22节:JavaScript Function    第23节:JavaScript Math    第24节:JavaScript Date    第25节:JavaScript RegExp    第26节:JavaScript JSON    第27节:什么是 DOM    第28节:DOM 和 JavaScript 的关系    第29节:获取和操作 DOM 节点    第30节:DOM 与事件    第31节:DOM 事件绑定    第32节:DOM 事件对象    第33节:DOM 事件流    第34节:事件相关的优化    第35节:自定义事件    第36节:表单校验    第37节:什么是 BOM    第38节:常用的 BOM 相关对象    第39节:BOM 常用属性和方法    第40节:AJAX    第41节:异常处理    第42节:三元运算符    第43节:逗号操作符    第44节:void    第45节:typeof    第46节:delete 操作符    第47节:debugger    第48节:getter & setter    第49节:new 运算符与构造函数    第50节:JavaScript 原型    第51节:JavaScript instanceof    第52节:JavaScript this    第53节:严格模式    第54节:作用域    第55节:闭包    第56节:变量提升    第57节:对象包装器    第58节:Lodash    第59节:moment    第60节:swiper    第61节:ECMAScript 6    第62节:Node.js    第63节:Babel    第64节:CSS 预处理器    第65节:代码规范    第66节:TypeScript    第67节:WebComponents    第68节:Vue、React、Angular    第69节:小程序    第70节:JavaScript 关键字    第71节:分号导致的问题    第72节:对象属性访问问题    第73节:this 使用问题    第74节:浮点数精度问题    第75节:独一无二的 NaN    第76节:避免全局污染    第77节:控制台观察对象问题    第78节:根据环境选择语言特性    第79节:相关资源