JS流程控制

流程控制

在一个程序执行过程中,代码顺序对程序结果是有影响的,所以需要控制代码的执行顺序

  • 顺序结构
  • 分支结构(if)
  • 循环结构(while)

顺序结构

无特定语法结构
代码会按照代码的先后顺序、依次执行


分支语句

就是利用多个条件选择不同的语句,得到不同的结果


if 语句,如果表达式里的结果为真,则执行大括号里的语句,若为假,则不执行

// () 里面放条件表达式
// {} 里面放执行语句
var age = prompt('请输入年龄');
if (age >= 18) {
            alert('允许进入');
}

if else双分支语句,条件成立,执行if里面的代码,否则执行else里面的代码

        var age = prompt('请输入你的年龄');
        if (age >= 18) {
            alert('允许进入');
        } else {
            alert('还差一点呀');
        }

if else if多分支语句,利用多个条件来选择不同的语句,得到不同的结果

        var money = prompt('请输入你的月薪:');
        if (money >= 1000000) {
            alert('土豪爸爸,你还缺腿部挂件吗');
        } else if (money >= 10000) {
            alert('大神,带带我吧');
        } else if (money >= 1000) {
            alert('兄弟,有钱途呀');
        } else {
            alert('准备喝西北风吧');
        }


switch多分支语句,当要针对变量设置一系列特定值选项时,可以使用switch

// 括号里我们常写变量,且变量的值和case里的值是全等的(值和类型一致)
// 如果当前case里没有break,则不会退出switch,会继续执行下一个case,直到遇到break
switch (3) {
            case 1:
                console.log('这是数字1');
                break;                      
            case 2:
                console.log('这是数字2');
                break;
            case 3:
                console.log('这是数字3');
                break;
            default:
                console.log('查无此元素');
        }

三元表达式
如果条件表达式为真,则执行表达式1,若为假,则执行表达式2

  • 语法结构:条件表达式?表达式1:表达式2;
        var num = 10;
        var result1 = num > 5 ? 'yes' : 'no';
        console.log(result1);

循环结构

有许多具有规律性的重复的操作,因此程序中要完成这类操作就需要重复执行某些语句

  • for循环
  • while循环
  • do...while循环

学习循环之前,先了解一下什么是循环体,终止条件,循环语句,初始化变量,条件表达式,操作表达式

循环体:一组被重复执行的语句被称之为循环体
终止条件:能否继续重复执行,取决于循环的终止条件
循环语句:由循环体及循环的终止条件组成的语句,称之为循环语句


初始化变量:用var声明的变量,用作计数器使用
条件表达式:用来决定每次循环是否继续执行,就是终止的条件
操作表达式:每次循环最后执行的代码,经常用于我们计数器变量进行更新


for循环

// ()里面要有初始化变量;条件表达式;操作表达式
// 语法结构:
for () {
            // 循环体
        }
// for循环执行相同的代码
        for (var i = 1; i <= 100; i++) {
            console.log('我爱你');
        }

双重for循环
单层for循环不能满足我们的需求,可以通过循环嵌套来实现
循环嵌套:在一个循语句中再定义一个循环语句的语法结构

// 语法结构:
        for (var i = 1; i <= 3; i++) {
            console.log('这是外层的第' + i + '循环');
            for (var a = 1; a <= 5; a++) {
                console.log('这是内层第' + a + '循环');
            }
        }

将里层循环看作是外层循环的语句
外层循环循环一次,里面的循环执行全部


利用双层for循环我们可以打印九九乘法表

        var str = '';
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                str += j + '×' + i + '=' + i * j + '\t';
            }
            str += '\n';
        }
        console.log(str);

while循环
while语句可以在条件表达式为真的前提下,循环执行指定的一段代码,指导表达式为假时结束循环
执行思路:

  1. 先执行条件表达式,若为真,则执行循环体,若为假,则退出循环,执行后面的代码
  2. 执行循环体
  3. 循环体代码执行完毕之后,程序继续判断条件表式,若为真,则继续执行循环体,直到循环体为假
// 语法结构
        while () {
                  
        }
// 案例:
        var message = prompt('你爱我吗?');
        while (message !== '我爱你') {
            message = prompt('你爱我吗?')
        }
        alert('我也很爱你!');

do...while循环
至少循环一次
执行思路:

  • do...while先执行一次循环体,再判断条件表达式,如果条件表达式为真,则继续执行循环体,否则退出循环体
// 语法结构:
        do {
            //  循环体
        } while ()       // 条件表示
// 案例:
        var i = 1;
        do {
            console.log('How are you?');
            i++;
        } while (i <= 100)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 227,967评论 6 531
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 98,273评论 3 415
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 175,870评论 0 373
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 62,742评论 1 309
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 71,527评论 6 407
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 55,010评论 1 322
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 43,108评论 3 440
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 42,250评论 0 288
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 48,769评论 1 333
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 40,656评论 3 354
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 42,853评论 1 369
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 38,371评论 5 358
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 44,103评论 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 34,472评论 0 26
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 35,717评论 1 281
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 51,487评论 3 390
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 47,815评论 2 372

推荐阅读更多精彩内容

  • 3种基本的控制结构: 1.顺序 2. 选择 if语句: 3. 循环 if(条件){ 语句块 } else i...
    奶牛_喝牛奶阅读 407评论 0 0
  • 一. innerHTML 获取标签内部的所有内容,可以获取出标签里面的标签 二. innerText 获取标签里面...
    熊熊熊熊丽阅读 142评论 0 0
  • 2 - 流程控制 2.1 流程控制概念 2.2 顺序流程控制 ​ 顺序结构是程序中最简单、最基本的流程控制,它...
    王玉伟的伟阅读 375评论 0 0
  • 流程控制 在一个程序的执行过程中,各条代码的执行顺序对程序的结果是由直接影响的,很多时候我们要通过控制代码的执行顺...
    佛系那莫觅阅读 96评论 0 2
  • 流程控制主要有三种结果,分别是顺序结构、分支结构和循环结构。 一、分支结构if if(条件表达式){} else ...
    社会主义顶梁鹿阅读 161评论 0 0