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

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

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

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

#web网站##程序员##程序员那些事##web前端面试题#

#it##it那些事儿##vue##react#