文档章节

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

JandenMa
 JandenMa
发布于 06/14 01:01
字数 1099
阅读 31
收藏 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
粉丝 12
博文 28
码字总数 27794
作品 0
汕头
JavaScript零基础入门——(八)JavaScript的数组

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

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

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

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

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

阿小庆
06/14
0
0
JavaScript零基础入门——(十二)JavaScript的定时器

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

JandenMa
06/27
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

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

JandenMa
06/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用JDK自带的jmap和jhat监控处于运行状态的Java进程

对于处于运行状态中的Java进程,JDK自带了很多工具,允许Java开发人员监控运行进程中的各种状态,比如该进程内部创建了多少个对象实例,消耗了多少内存,等等。 本文基于JDK1.8而写成。 我下...

JerryWang_SAP
22分钟前
2
0
下单接口调优实战,性能提高10倍

概述 最近公司的下单接口有些慢,老板担心无法支撑双11,想让我优化一把,但是前提是不允许大改,因为下单接口太复杂了,如果改动太大,怕有风险。另外开发成本和测试成本也非常大。对于这种...

Sam哥哥聊技术
55分钟前
6
1
rabbitMQ的安装和配置

在Windows下进行rabbitMQ的安装 第一步:软件下载 在安装rabbitMQ之前,需要先安装Erlang。 Erlang官网:http://www.erlang.org/downloads rabbitMQ官网:http://www.rabbitmq.com/download....

狼王黄师傅
今天
6
0
Vue-Element-Upload

记录一下文件上传封装Js 代码示例 封装:uploadFile.vue <template> <el-upload v-model="attachment" ref="upload" class="upload-demo" :action="uploadUrl" ......

华山猛男
今天
4
0
AWVS破解及使用手册

1.安装 因为是windows软件,比较简单,此部分略: 破解插件下载: 链接: https://pan.baidu.com/s/1x9LK9F3KvqDgTvXDjoSZnQ 提取码: 7k4u 2.创建扫描目标 2-1.Targets->Add Target 2-2.对话框...

硅谷课堂
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部