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 循环,在检查条件是否为真之前,该循环会执行一次,即无论条件是否为真,都会至少执行一次。

相关文章
|
2月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
43 6
JS循环for、for...of、for...in
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
50 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
31 0
|
13天前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
25 2
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
54 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
45 1
JavaScript基础知识-forEach循环
|
1月前
|
JavaScript
自动循环提交js
自动循环提交js
17 0
|
2月前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
2月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
17 3