循环语句(loop)
- 通过循环语句可以让一段代码反复的执行多次
- 循环语句主要两种:
while语句(while循环)
do-while语句
for语句(for循环)
while语句:
- 语法:
while(条件表达式){
语句...
}
- 执行流程:
while语句在执行时,会先对while后的条件表达式进行求值判断,
如果为false,则语句直接结束
如果为true,则执行while后的代码块(循环体),
执行完毕继续对条件表达式进行求值判断,
以此类推,直到条件表达式为false,循环结束
// 像这种条件表达式恒为true循环,被称为死循环,它会一直执行(慎用)
while(true){
alert('hello');
}
//每一个循环都要由三个表达式组成
// 初始化表达式,初始化一个变量
var i = 0;
//条件表达式,设置循环执行的条件
while(i < 5){
document.write('????????????<br>');
//更新表达式,修改初始化变量的值
i++;
}
//创建一个初始化表达式
var i = 0
// 创建循环和条件表达式
while(i < 10){
console.log('hello');
//更新表达式
i++;
}
//两种使用方式----
var i = 0;
while (true){
console.log('abc')
i++;
if(i === 5){
// 也可以通过break来结束循环
break; } }
//假设存款的年利率为5%,1000元存几年能变成5000元
// 创建一个变量,用来存储钱数
var money = 1000;
// money *= 1.05; //一年后的钱数
// money *= 1.05; //两年后的钱数
// 创建一个计数器
var year = 0;
// 创建一个循环,来模拟存钱的状态
while (money <= 5000){
money *= 1.05;
//使计数器增加
year++; }
alert('从1000到5000需要'+year+'年!')
do-while循环--语法:do{
语句....
}while(条件表达式)
执行流程:
do-while循环在执行时,会先执行do后边的代码块(循环体),
然后再对while后的条件表达式进行求值判断
如果为false,则退出语句
如果为true,则继续执行循环体,以此类推
do-while和while的区别:
while语句是先判断再执行
do-while语句是先执行再判断
大部分情况下两种语句是一样,主要区别在于
do-while可以确保循环体至少执行一次!
var i = 5;
do{
console.log(i);
i++;
}while (i < 5)
欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。
学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。
在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。
此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。
我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。
如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!