JavaScript零基础入门——（五）JavaScript的程序流程控制

2019独角兽企业重金招聘Python工程师标准>>>

JavaScript零基础入门——（五）JavaScript的程序流程控制

欢迎回到JavaScript零基础入门，上一节课我们认识了JavaScript的运算符，这一节课，我们来讲一讲，JavaScript的程序流程控制。

程序流程控制，是指通过某些指令来执行或改变程序的执行顺序。在JS中，有着大部分语言都有的三大流程控制，他们分别是顺序流程控制、分支流程控制和循环流程控制。我们一个个来认识。

关于顺序流程控制，顾名思义，就是让程序自上而下的按顺序执行，我们之前写的例子代码，都是顺序执行的，这里就不赘述了。

在说分支流程控制和循环流程控制之前，我想先讲讲布尔值。第四节课的时候我们讲过，布尔值是用来作为判断的，它的值非真即假，但是呢，真和假并不仅仅是true或者false，上一节课我们讲的运算符，可以组合得到表达式结果，这个结果是可以直接拿来做判断的。一般来说，结果为true/非零数字/非空字符串都属于true，反之false/0/空字符串都属于false。

继续回到我们的课程，分支流程控制，有些也叫做判断流程控制，就意味着程序到这个地方可能就要接受判断然后分开走了，就跟在岔路口一样。但岔路可能是Y字路口，也有可能是三岔路口或者十字路口。分支流程控制分为单分支、双分支和多分支，我们分别来说说。

单分支流程控制，其实就是我们常说的单条件判断，即if判断，直接看代码：

//判断是不是偶数
function isEven(num){
    if(num%2 == 0)){
        return true;
    }
    return false;
}

所谓双分支流程控制，其实就是如果..否则..，写成代码就是if..else..，其实也可以简写成三目运算符?:。具体的来看代码：

//if..else..
function max(n1, n2){
    if(n1 >= n2){
        return n1;
    } else {
        return n2;
    }
}

//三目运算符?:
function max2(n1, n2){
    return n1 >= n2 ? n1 : n2;
}

而多分支流程控制，则也有两种表现形式，一种是if..else if..else，一种则是swich..case..，我们来看一下代码：

//比较大小
function compare(n1, n2){
    if(n1 == n2){//如果n1等于n2
        return 0;
    } else if(n1 > n2) {//否则如果n1大于n2
        return 1;
    } else {//否则就是n1小于n2
        return -1;
    }
}

function showWeek(day){
    switch(day){//这里是一个表达式
        case "Sunday":
            console.log('星期日');
            break;
        case "Monday":
            console.log('星期一');
            break;
        case "Tuesday":
            console.log('星期二');
            break;
        case "Wednesday":
            console.log('星期三');
            break;
        case "Thursday":
            console.log('星期四');
            break;
        case "Friday":
            console.log('星期五');
            break;
        case "Saturday":
            console.log('星期六');
            break;
    }
}

介绍完分支流程控制，我们来说说循环流程控制。所谓循环流程控制，无非就是程序运行到这里，可能就会反复执行指定的动作知道满足离开这个动作的条件。在JS中，循环流程控制有三种方法，分别是for循环、while循环和do..while循环，其实原理异曲同工，那就是满足循环条件就在循环里面执行，一旦不满足了，就跳出或继续下一个循环。我们直接来看代码：

//求a的1~b次方,当结果大于25才输出，结果大于等于100结束

//for 循环
function times(a,b){
    var result = 1;
    for(var i = 0; i < b; i++){
        result *= a;
        if(result <= 25){
             continue;
        } else if(result >= 100){
            break;
        } else {
            console.log(result);
        }
    }
}

//while 循环
function times(a,b){
    var i = 0;
    var result = 1;
    while(i < b){
        result *= a;
        if(result <= 25){
             continue;
        } else if(result >= 100){
            break;
        } else {
            console.log(result);
        }
        i++;
    }
}

//do..while 循环
function times(a,b){
    var i = 0;
    var result = 1;
    do{
        result *= a;
        if(result <= 25){
             continue;
        } else if(result >= 100){
            break;
        } else {
            console.log(result);
        }
        i++;
    }while(i < b);
}

好，由于时间关系，这节课简单的介绍了JS的程序流程控制，大家要自己多敲一敲，不懂的要及时留言。下一节课，我们来认识一下，JavaScript中，字符串一些常用的处理方法。

                                                                                                       

如果想跟着振丹继续学习，可以微信关注【振丹敲代码】（微信号：JandenCoding）

新博文微信同步推送，还附有讲解视频哦~

也可直接扫描下方二维码关注。

转载于:https://my.oschina.net/JandenMa/blog/1829904