js中的while循环, do...while循环和 for循环

87 阅读 0 评论 58 点赞

我是靠谱客的博主光亮项链，最近开发中收集的这篇文章主要介绍js中的while循环, do...while循环和 for循环，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

js中的三种循环(while循环, do…while循环和 for循环)

while循环：

while,中文当…时,其实就是当满足条件时就执行代码,一旦不满足了就不执行
语法:
while(条件){
满足条件时执行;
}
因为满足条件就执行,也就是条件为true是执行,如果条件一直为真就会一直执行下去
所有我们需要有一个边界,就是退出循环的值
需要的四个条件：
a.初始值；
b.条件判断；
c.要执行的代码；
d.自身的改变

举例：

		   //1 初始值
            var num = 0;
            //2 条件判断
            while(num<10){
                //3 要执行的代码
                console.log('当前的num值是'+num);           
                //4 自己的改变
                num += 1;
            }

案例:计算1到10的累加和
分析:需要一个变量记录加数:1-10,还需要一个变量记录和:sum = 0+1+2+3+4…+10

 //n是初始值,值为1
        var n = 1;
        var sum = 0;
        //条件判断
        while(n<11){
            //要执行的代码
            sum += n;
            //自身的改变
            n++;
        }
        console.log(sum)

do…while循环：

1.是一个和while非常类似的循环
2.while会先进行条件判断,满足执行,不满足就不执行了
3.但是do…while循环是,先不管条件,先执行一次,然后再开始进行条件判断
4.语法:
do{
要执行的代码
}while(条件）

举例

 		do{
 		console.log('我执行了do..while代码')
             }while(false);

案例:计算1到10的累加和

 			var n = 1;//n是初始值
            var sum = 0;
            do{
                //要执行的代码
                sum = sum + n;
                //自己的改变
                n++;
			}while(n<11)
            console.log(sum);

while和do…while的区别:
1.while会先进行条件判断,满足执行,不满足就不执行了。
2.但是do…while循环是,先不管条件,先执行一次,然后再开始进行条件判断。

for循环：

1.和while和do while循环都不太一样的一种循环结构
2.道理是一样的,都是在符合条件的基础下,循环执行代码的
3.语法
for(1 设置初始值;2 循环条件判断;4 自身的改变){
3 要执行的代码
}
for(var i=1;i<10;i++){
console.log(i)
}
案例:1-100的累加和:

 				var sum = 0;//记录1-100的累加和的变量
                for(var i=1; i<101; i++){
                    sum = sum + i;
                }
                console.log(sum)