JavaScript：循环

前言

js中，循环的使用是非常频繁的，js中会有很多时候代码都需要重复运行，那么我们在写代码时不可能一遍一遍地去写，这个时候我们就必须用到循环

一、循环是什么？

循环就是重复的运行一段代码以达到用户的需求

JS中的三种循环结构：
while循环：先判断条件，再进行循环

while(条件){
    // 循环体 
}

do-while循环：首先循环一次，再判断条件，也就是说，使用do-while循环时，无论如何也会有一次循环

do{
   // 循环体
}while(条件)

for循环：

for(初始化表达式; 条件; 条件改变表达式){
    //循环体
}
//这种也是我们用到的最多的一种循环方式

二、实例

1.while循环

用while循环来找出水仙花数
水仙花数：水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身（例如：1^3 + 5^3+ 3^3 = 153）。

        var i = 100;//水仙花数是三位数，所以直接从100开始，999结束
        while (i <= 999) {//循环条件
            var bai = parseInt(i / 100);//取出百位
            var shi = parseInt(i % 100 / 10);//取出十位
            var ge = parseInt(i % 10);//取出各位
            if (i == bai * bai * bai + shi * shi * shi + ge * ge * ge) {
                console.log(i + "&nbsp&nbsp&nbsp&nbsp");
            }
            i++;
        }

控制台输出：

2.do-while循环

输入10以内的数：

        var i = 0; //从0开始
        do {
            i++; //i自增
            console.log(i); 
        } while (i < 10); //条件，当i小于10时，继续循环

控制台输出：

3.for循环

这里以九九乘法表为例：

        var a = "";
        for (i = 1; i <= 9; i++) { //i控制行数，循环九次，打印9行
            for (j = 1; j <= i; j++) { //j控制每行公式数，每行公式个数与行号一致 j<=i
                a += j + "x" + i + "=" + i * j + "\t";
            }
            a += "\n"; //一行打印完换行    
        }
        console.log(a);

控制台输出：

总结

在js中循环时重难点，重要性不言而喻，难就难在需要理解它的逻辑性，特别是循环中嵌套循环时更是如此，三种循环都是需要掌握的，但是for循环是重中之重，因为，其他两种循环能做到的for循环基本上都能做到。学习循环一定要多敲代码，在脑海里跟着代码走，理解它的循环过程。