JavaScript中while循环语句

发布时间:2023年12月17日

循环语句(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++;
}

(while循环语句2案例):

//创建一个初始化表达式
        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循环在执行时,会先执行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创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!

文章来源:https://blog.csdn.net/ForForever9/article/details/135031048
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。