文档章节

JavaScript零基础入门——(五)JavaScript的程序流程控制

JandenMa
 JandenMa
发布于 2018/06/14 01:01
字数 1099
阅读 41
收藏 0

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)

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

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

© 著作权归作者所有

共有 人打赏支持
JandenMa
粉丝 22
博文 28
码字总数 27794
作品 0
汕头
私信 提问
JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa
2018/06/19
0
0
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
2018/07/01
0
0
前端学习之路(从入门到入坑...)

学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考...

阿小庆
2018/06/14
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa
2018/06/25
0
0
JavaScript零基础入门——(十二)JavaScript的定时器

JavaScript零基础入门——(十二)JavaScript的定时器 大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作,这里要补充一个点,上节课讲的table几...

JandenMa
2018/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
11
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
7
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0
RabbitMQ学习(2)

1. 生产者客户端 void basicPublish(String exchange, String routingKey, boolean mandatory, boolean immediate, BasicProperties props, byte[] body) 1. 在生产者客户端发送消息时,首先......

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部