for循环详解（经典）

学会JavaScript条件流程控制语句轻轻松松玩转条件语句

条件语句：

条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句，最基本的条件语句：

• if…else
• switch…case

if…else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。

switch…case是另一种流程控制语句。

switch语句更适用于多条分支使用同一条语句的情况。

 下面我们以要缴纳的税为例，来了解if..else条件语句：

<script>
    var num = prompt("请输入你的一年工资数:");
    var Number = parseFloat(num);
    if(isNaN(num)){
        alert("请你输入正确数字");
       
        console.log("请输入数字");
    }else if(num <= 6000){
        alert("你不需要缴纳税");
        console.log("不需要缴纳税");
    }else if( 6000 < num && num <= 10000){
        a = (num - 6000)* 0.1
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a + "元");
    }else if(10000 < num && num <= 14000){
        a = (num - 6000)* 0.2
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a + "元");
    }else if(14000 < num && num <= 18000){
        a = (num - 6000)* 0.3
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a + "元");
    }else if(18000 < num && num <= 22000){
        a = (num - 6000)* 0.4
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a + "元");
    }else if(22000 < num && num <= 26000){
        a = (num - 6000)* 0.5
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a+ "元");
    }else{
        a = (num - 6000)* 0.6
        alert("你一年要缴纳的税为："+ a +"元")
        console.log("你要缴纳的税为：" + a + "元");
    }

    </script>

循环语句：

循环  是重复执行某个操作/某段程序，直到达到某些条件;

循环语句和条件语句一样，也是基本的控制语句，只要满足一定的条件将会一直执行，最基本的循环语句：

• while
• do…while
• for

while语句是一个最基本的循环语句，while语句也被称为while循环。

下面我们以输出10以内的数为例：

var a = 1;

        while (a <= 10) {

            console.log(a);

            a++;

        }

 接下来我们计算一下1+2+3 ··· +100的和为：

var sum = 0;
        var a = 1
        while(a<=100){
            sum += a
            a++
        }
        console.log(sum)

do…while和while非常类似，只不过它会在循环的尾部而不是顶部检查表达式的值，因此，do…while循环会至少执行一次。相比于while，do…while的使用情况并不 是很多。

do while  和  while 之间的区别 do while会先运行一次循环体

下面来输出1-10数：

var i = 1;
do {
    console.log(i);
    i++;
} while (i <= 10);

for语句也是循环控制语句，我们也称它为for循环。大部分循环都会有一个计数器用以控制循环执行的次数， 计数器的三个关键操作是初始化、检测和更新。for语句 就将这三步操作明确为了语法的一部分。 

for(初始值;循环条件;自增值){ 循环代码 }

下面来看一下1加到100的和为多少：

var sum = 0;
        for(var a = 1;a<=100;a++){
            sum += a
        }
        console.log(sum)

 重要的来了，再说一遍重要的来了，九九乘法口诀表：

九九乘法表（三种方法）：

var str = '';
        for(var i = 0;i<=9;i++){
            for(var j=1;j<=i;j++){
                str+=j + '*' + i + '=' + j*i + '\t';
            }
            str+='\n';
        }
        console.log(str);
//横排打印
for (var i = 1; i <= 9; i++) {
            var str = "";
            for (var j = 1; j <= 9; j++) {
                if(j>i){
                    break
                }
                str = str + i + "*" + j + "=" + i * j + "   "
            }
            console.log(str)
        }

for(var i = 1;i <= 9;i++){

    var str = "";
    for(var j = 1;j <= 9;j++){
        if(j>i){
            break;
        }
        str = str + i + "*" + j + "=" + i*j + " " 
    }
    console.log(str);
}

//竖排打印
for(var h = 1;h < 10;h++){
        for(var i = 1;i<=h;i++){
            console.log(h + "X" + i + "=" + h*i);
        }
        console.log("\n")
    }

运行结果如图：

 跳转控制:

• break：结束最近的一次循环，可以在循环和switch语句中使用。
• continue：结束本次循环，执行下一次循环，只能在循环中使用。

 输出10组0-4的数，每当j==5的时候就结束:

//输出10组0-4的数，每当j==5的时候就结束
for (var i = 0; i < 10; i++) {
    for (var j = 0; j < 10; j++) {
        if (j == 5) {
            break;
        }
        console.log(j);
    }
}

 从以上的学习中学会了吗，重在领悟和实践。