文档章节

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

JandenMa
 JandenMa
发布于 06/14 01:01
字数 1099
阅读 28
收藏 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
粉丝 11
博文 27
码字总数 26392
作品 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的DOM操作

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

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

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

JandenMa
06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

(三)Nginx配置·续

概述 前文写了关于Nginx环境配置,但是还没有完,接下来将会继续讲三个相关的配置 主要是以下三个 1.Nginx访问日志 2.Nginx日志切割 3.静态文件不记录日志和过期时间 Nginx访问日志 1.先看看...

杉下
今天
1
0
jquery创建类似于java的map

var map = {}; // Map map = new HashMap(); map[key] = value; // map.put(key, value); var value = map[key]; // Object value = map.get(key); var has = key in map; // boolean has = ......

SuperDabai
今天
0
0
java大数据转换16进制转10进制

public static void main(String[] args) {String hex = "0xdbf3accc683297cf0000";BigInteger amount = new BigInteger(hex.substring(2), 16);System.out.println(amount);......

任梁荣
昨天
2
0
OSChina 周六乱弹 —— 目测我们程序员丁克的几率不大

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @真Skr小机灵鬼儿:8.13分享Jocelyn Pook/Russian Red的单曲《Loving Strangers》 《Loving Strangers》- Jocelyn Pook/Russian Red 手机党少...

小小编辑
昨天
13
3
TypeScript基础入门 - 函数 - 剩余参数

转载 TypeScript基础入门 - 函数 - 剩余参数 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.1 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部