JavaScript语句之while/do while循环

简介: JavaScript语句之while/do while循环

while与do while也是我们项目上会使用到的语句,都是循环,但是有区别,下面就说说两者的区别

1 while

while 是先检测退出条件,再执行循环体内的代码,即如果不满足条件,一次也不会执行。格式:

while (条件表达式) {
    循环体
}

复制

例子:

let i = 1
while (i == 10) {
    console.log(i)
}

复制

i不等于10,条件是false,因此一次也不会执行。

let i = 1
while (i <= 10) {
    console.log(i)
}

复制

i小于等于10,条件永远是true,所以这个会一直执行( 死循环)

let i = 1
while (i <= 10) {
    console.log(i)
    i++
}

复制

循环一次,i+1,当i=11时,此时条件也不满足了,所以就会终止循环。

2 do while

do whild 是先执行一次,之后在判断条件是否满足,换句话说就是始终会执行一次。

do {
    循环体
} while (条件表达式)

复制

例子:

let i = 1
do {
    console.log(i)
} while (i == 10)

复制

先执行console.log,在判断条件是否满足,因此,会执行一次。

let i = 1
do {
    console.log(i)
} while (i <= 10)

复制

条件始终是true,所以会一直执行。

let i = 1
do {
    console.log(i)
    i++
} while (i <= 10)
console.log(i)

复制

执行一次,i+1,当i=11时,条件不满足,退出循环。

3 总结

while 循环,当条件成立,则执行,当条件不成立,则一次也不会执行;do while 循环,在检查条件是否为真之前,该循环会执行一次,即无论条件是否为真,都会至少执行一次。

相关文章
|
12月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
157 6
JS循环for、for...of、for...in
|
11月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
125 0
|
6月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
10月前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
83 2
|
12月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
604 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
116 1
JavaScript基础知识-forEach循环
|
12月前
|
JavaScript 前端开发 索引
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
155 3
|
12月前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
11月前
|
JavaScript
自动循环提交js
自动循环提交js
48 0