1.流程控制

就是来控制代码按照何种顺序来执行,流程控制有三种结构:顺序结构、分支结构、循环结构

2.顺序流程控制

程序按照代码先后顺序依次执行

3.分支流程控制

JS中提供两种分支结构语句:if语句、switch语句

3.1 if语句

if语法结构:

//条件成立则执行代码,否则什么也不做
if (条件表达式) {
//执行的语句
}

案例:进入网吧

弹出一个输入框,要求用户输入年龄,如果年龄大于等于18则运行进入网吧

var age = prompt('请输入年龄');
if (age >= 18) {
alert('允许进入网吧');
}

3.2 if else双分支语句

语法结构:

if (条件表达式) {
//语句1
} else {
//语句2
}

注意: else后面直接跟大括号{},不跟小括号()

案例:

var age = prompt('请输入年龄');
if (age >= 18) {
alert('允许进入网吧');
} else {
alert('禁止未成年进入网吧');
}

案例: 判断闰年

接收用户输入的年份,如果是闰年就弹出闰年,否则弹出平年.

算法:可以被4整除且不能被100整除的为闰年或者说能够被400整除的是闰年

var year = prompt('请输入年份');
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
alert('是闰年');
} else {
alert('不是闰年');

案例:判断是否中奖

接收用户输入的姓名来判断是否中奖,如果输入的是刘德华则提示中了5块,否则提示没中奖

var user_name = prompt('请输入用户名');
if (user_name == '刘德华') {
alert('嘻嘻,中了5块钱');
} else {
alert('呜呜,没中奖');
}

3.3 if else多分支语句

if (条件表达式1) {
//语句1
} else if (条件表达式2) {
//语句2
} else if (条件表达式3) {
//语句3
} else {
//语句4
}

案例:判断成绩级别

var score = prompt('输入用户成绩');
score = parseFloat(score);
if (score >= 90) {
alert('A');
} else if (score >= 80) {
alert('B');
} else if (score >= 70) {
alert('C');
} else if (score >= 60) {
alert('D');
} else {
alert('E');
}

3.4 三元表达式

由三元运算符组成的式子,我们称为三元表达式。语法如下:

//条件表达式 ?表达式1 :表达式2

说明:若条件表达式为真则返回表达式1的值,否则返回表达式2的值。

//条件表达式 ?表达式1 :表达式2
var num = 10;
var result = num > 5 ? '是的' : '不是的';
console.log(result);

案例:数字补零

要求:用户输入数字,如果数字小于10,则在前面补0,比如:01,09,如果数字大于10则不需要补0,如20。

var num = prompt('请输入数字');
var result = num > 10 ? num : 0 + num;
console.log(result);

3.5 switch语句

switch也是多分支语句,语法结构如下:

switch (表达式) {
case value1:
执行语句1;
break;
case value2:
执行语句2;
break;
case value3:
执行语句3;
break;
default:
执行最后的语句;
}

说明:

  • default里面的语句是在没有value值与switch里的表达式相匹配的时候才执行的。
  • switch里面的值和case里面的值必须全等===的时候才算匹配成功。
  • 如果当前的case里面没有break则不会推出switch,而是无论是否匹配,继续执行下一个case,直达遇到下一个break。

案例:用户在弹出的输入框里面输入一个水果,如果有则弹出该水果的价格,如果没有就弹出没有此水果。

3.5 switch语句和if else if语句的区别

  • 当分支较少时,if...else语句的执行效率比switch语句高
  • 当分支较多时,switch语句的执行效率比较高,而且结构更清晰

    作业1:判断时间段,比如用户输入12点弹出中午好,用户输入18点弹出傍晚好,用户输入23点弹出深夜好。
var time = prompt('请用户输入时间');
if (time <= 4) {
alert('清晨');
} else if (time <= 8) {
alert('早上');
} else if (time <= 10) {
alert('上午');
} else if (time <= 13) {
alert('中午');
} else if (time <= 16) {
alert('下午');
} else if (time <= 18) {
alert('傍晚');
} else {
alert('晚上');
}

作业2:比较两个数的最大值(用户依次输入两个值,最后弹出最大的那个值)

var num1 = prompt('请输入第一个数字');
var num2 = prompt('请输入第二个数字');
var result = num1 > num2 ? alert('较大的数是' + num1) : alert('较大的数是' + num2);
console.log(typeof num1);

作业3:用户输入一个数,来判断是奇数还是偶数。

var num = prompt('请输入数字');

if (num % 2 == 0) {
alert(num + '是偶数');
} else {
alert(num + '是奇数');
}

作业4:根据用户输入的数值(数字1~数字7),返回星期几

var day = prompt('请输入1~7之间的一个数字');
switch (day) {
case '1':
alert('星期1');
break;
case '2':
alert('星期2');
break;
case '3':
alert('星期3');
break;
case '4':
alert('星期4');
break;
case '5':
alert('星期5');
break;
case '6':
alert('星期6');
break;
case '7':
alert('星期天');
break;
default:
alert('数字超出范围');
}

作业5:接收班长口袋里的钱数,若大于等于2000则请大家吃西餐。若小于2000,大于等于1500,请大家吃快餐。若小于1500,大于等于1000,请大家喝饮料。若小于1000,大于等于500,请大家吃棒棒糖。否则提醒班长下次把钱带够。

var money = prompt('班长口袋里的金额');
if (money >= 2000) {
alert('班长请大家吃西餐');
} else if (money >= 1500) {
alert('班长请大家吃快餐');
} else if (money >= 1000) {
alert('班长请大家喝饮料');
} else if (money >= 500) {
alert('班长请大家吃棒棒糖');
} else {
alert('班长记得下次把钱带够');
}

JavaScript-----6.流程控制:分支的更多相关文章

  1. JavaScript 流程控制-分支

    JavaScript 流程控制-分支 1.流程控制 在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的,很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能. 简单理解:流程控 ...

  2. JavaScript的流程控制

    JavaScript的流程控制 1.if...else if...else... 2.while 3.for 4.forEach 5.for...in... 完整代码如下: <!DOCTYPE ...

  3. Python 流程控制-分支结构详解

    目录 Python 流程控制--分支结构 1.结构分类 顺序结构 分支结构 循环结构 2.分支结构详解 分支结构 定义格式: if 单支结构 if 双分支结构 if 多分支结构 Python 流程控制 ...

  4. JavaScript基础-流程控制-if

    流程控制基本概念 默认情况下,程序的运行流程是这样的:运行程序后,系统会按书写从上至下顺序执行程序中的每一行代码,但是这并不能满足我们所有的开发需求 1.png 实际开发中, 我们需要根据不同的条件执 ...

  5. python基础-->流程控制-->分支结构-->单项分支-->双向分支

    # ###流程控制 ''' 流程:代码执行过程 流程控制:对代码执行过程的管控 顺序结构:代码默认从上到下依次执行 分支结构:对代码执行过程的管控 循环机构: while for ..in.... 分 ...

  6. (16)JavaScript的流程控制(js的循环)

    流程控制有3种结构 1.顺序结构:代码执行的本质就是顺序结构 2.分支结构:if家族 语法规则: if (条件1) { //代码块1}else if (条件2){ //代码块1}//如果所有条件都不满 ...

  7. 10、shell编程+流程控制+分支嵌套

    SHELL 编程     shell 是一个命令解释器,侦听用户指令.启动这些指令.将结果返回给用户(交互式的shell)     shell 也是一种简单的程序设计语言.利用它可以编写一些系统脚本. ...

  8. javascript之流程控制 和函数的容易忽略点

    1.流程控制 1> for in  仅用于 对象的遍历: var box={ "name":'小红', 'age':18, 'height':165 }; for(var b ...

  9. JavaScript异步流程控制的前世今生

    Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous). 什么是同步编程 "同步模式"就是上一段的模式,后一个任务等待前 ...

  10. PHP流程控制分支结构

    1.顺序结构2.分支结构(条件结构.选择结构)    (1)单路分支        //条件bool,ture或false        if(条件){            执行语句:       ...

随机推荐

  1. SpringBoot2 整合 Drools规则引擎,实现高效的业务规则

    本文源码:GitHub·点这里 || GitEE·点这里 一.Drools引擎简介 1.基础简介 Drools是一个基于java的规则引擎,开源的,可以将复杂多变的规则从硬编码中解放出来,以规则脚本的 ...

  2. SpringBoot"热"部署解决方案

    作者:故事我忘了¢个人微信公众号:程序猿的月光宝盒 SpringBoot热部署两种方式 1.SpringLoader 插件 ​ 缺点: Java 代码做部署处理.但是对页面无能为力. 2.DevToo ...

  3. How to: Use Both Entity Framework and XPO in a Single Application 如何:在单个应用程序中同时使用实体框架和 XPO

    This topic demonstrates how to create a simple XAF application that uses both the Entity Framework ( ...

  4. 1.Ansible自动化管理工具

    1.Ansible基本概述 Ansible是一个IT自动化的配置管理工具,自动化主要体现在Ansible集成了丰富模块,丰富的功能组件, 可以通过一个命令行完成一系列的操作.进而能减少我们重复性的工作 ...

  5. js-01-基础知识

    一.JS变量的声明.数据类型和变量的转换 1.js变量声明关键字:var 注意:a:js变量区分大小写: b:js中字符串可使用双引号,也可使用单引号: c:js中可声明同名变量,控制台不会报错,但后 ...

  6. ubutu tornado python3.7.5 nginx supervisor 部署web api

    环境: 1.Ubuntu 服务器 2.python3.7.5 安装 1.python3.7.5 安装的话还是比较简单,流程大致是./configure ->make && mak ...

  7. SAP之RFC_READ_TABLE

    RFC_READ_TABLE 是SAP系统自带的RFC函数,用于读取SAP数据库表的结构和数据.使用方法如下: IMPORTINGQUERY_TABLE:读取的表名DELIMITER:输出字段(DAT ...

  8. s3c2440裸机-代码重定位(2.编程实现代码重定位)

    代码重定位(2.编程实现代码重定位) 1.引入链接脚本 我们上一节讲述了为什么要重定位代码,那么怎么去重定位代码呢? 上一节我们发现"arm-linux-ld -Ttext 0 -Tdata ...

  9. C# Winform更换Webbrowse为WebKit

    本人第一次发表博文,内容不精也不是很有水平,请大家多多包涵~ 说到Webbrowser,可能大家都用过这个控件,它默认使用的是旧版本IE内核. 这就导致了一些问题,比如JS的加载不正确,这个问题就足够 ...

  10. Os-HackNos-Report

    实验主机:Os-hackerNos靶机一台/Kali linux攻击机一台 实验网络:桥接网络 实验目标:获取靶机的Root权限 难易程度:简单 前期工作: 1:下载Virtualbox虚拟化软件(也 ...