【JavaScript】9_while循环和do-while与for循环
【摘要】 5、while循环循环语句通过循环语句可以使指定的代码反复执行JS中一共有三种循环语句while语句do-while语句for语句while语句语法：while(条件表达式){语句...}执行流程：while语句在执行时，会先对条件表达式进行判断，如果结果为true，则执行循环体，执行完毕，继续判断如果为true，则再次执行循环体，执行完毕，继续判断，如此重复知道条件表达式结果为false时...
5、while循环
循环语句
- 通过循环语句可以使指定的代码反复执行
- JS中一共有三种循环语句
while语句
do-while语句
for语句 - while语句
- 语法：
while(条件表达式){
语句...
} - 执行流程：
while语句在执行时，会先对条件表达式进行判断，
如果结果为true，则执行循环体，执行完毕，继续判断
如果为true，则再次执行循环体，执行完毕，继续判断，如此重复
知道条件表达式结果为false时，循环结束
通常编写一个循环，要有三个要件
1. 初始化表达式（初始化变量）
2. 条件表达式（设置循环运行的条件）
3. 更新表单式（修改初始化变量）
// 当一个循环的条件表达式恒为true时，这个循环就是一个死循环，会一直执行（慎用）
// while(true){
// alert('哈哈')
// }<script>
// 初始化表达式
// let a = 0
// // 条件表达式
// while(a < 3){
// console.log(a)
// // 更新表达式
// a++
// }
let i = 0
while(1){
console.log(i)
i++
if(i >= 5){
break
}
}
</script>练习
<script>
/*
练习：
假设银行存款的年利率为5%，问1000块存多少年可以变成5000块
*/
// 创建一个变量表示钱数
let money = 1000
// 1000 存一年是多少钱？
// money *= 1.05
// money *= 1.05
// money *= 1.05
// 创建一个计数器来记录循环执行的次数
let year = 0
// 编写循环，计算存款的年数
while(money < 5000){
money *= 1.05 // 循环没执行一次，就相当于钱存了一年
year++
}
console.log(`需要存${year}年，最终的钱数为${money}元！`)
</script>6、do-while循环
do-while循环
\- 语法：
do{
语句...
}while(条件表达式)
执行顺序：
do-while语句在执行时，会先执行do后的循环体，
执行完毕后，会对while后的条件表达式进行判断
如果为false，则循环终止
如果为true，则继续执行循环体，以此类推
和while的区别：
while语句是先判断再执行
do-while语句是先执行再判断
实质的区别：
do-while语句可以确保循环至少执行一次
<script>
let i = 10
do{
console.log(i)
i++
}while(i < 5)
</script>7、for循环
原始循环---for( ; ; )
for循环
- for循环和while没有本质区别，都是用来反复执行代码
- 不同点就是语法结构，for循环更加清晰
- 语法：
for(①初始化表达式; ②条件表达式; ④更新表达式){
③语句...
} - 执行流程：
① 执行初始化表达式，初始化变量
② 执行条件表达式，判断循环是否执行（true执行，false终止）
③ 判断结果为true，则执行循环体
④ 执行更新表达式，对初始化变量进行修改
⑤ 重复②，知道判断为false为止 - 初始化表达式，在循环的整个的生命周期中只会执行1次
- for循环中的三个表达式都可以省略
- 使用let在for循环的()中声明的变量是局部变量，只能在for循环内部访问
使用var在for循环的()中声明的变量可以在for循环的外部访问 - 创建死循环的方式：
while(1){}
for(;;){}
for(let i=0; i<5; i++){
console.log(i)
}
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）