什么叫做语句?

语句:可以理解为语言中一句一句完整的话,程序是由一条条语句构成的,语句是按照自上往下的顺序执行的。

在JavaScript可以使用{  }来为语句进行分组。同一{  }中的语句称为一组语句,他们要么都执行要么都不执行;

一个{  }中的语句也称之为代码块,代码块后面不需要添加分号(;)。

JS中的代码块只有分组的作用没有其他的作用。代码块中内部的内容再外部同样可以使用。

流程控制语句

JavaScript中的语句是从上到下一层一层执行的

通过流程控制语句可以控制程序执行的流程,使程序可以根据一定的条件来选择执行。

语句的分类:

1、条件判断语句

2、条件分支语句

  3、循环语句

条件判断语句

使用条件判断语句可以在执行某个语句之前进行判断,如果条件成立才会执行语句,如果条件不成立则语句不执行。

条件控制语句包括:1、if 语句 和 2、switch-case 语句

一、if语句

if 语句,条件位置处,必须Boolean的值 / 表达式 / 变量,如果不是Boolean类型的话,JS会自动进行转换

例如这些   if(0 /0.0 / null / undefined / NaN){ }   这些 if 都会认为是false。因为0/0.0/null/undefined/NaN 这些值转换为布尔值都是 false, 除此以外一律为真。

if语句块的 { } ,是可以被省略的,如果省略 { } ,那么if只控制它下面的第一条语句

(一)if 语句

if(条件表达式){
//执行语句
}

if 语句

规则:if语句在执行时会先对条件表达式进行求值判断;

  • 如果条件表达式为true,则执行if后的语句;
  • 如果条件表达式为false,则不会执行if后的语句;

实例:

1、条件表达式值为true,则继续执行后面的语句

if(true) alert('输出');

 注意:不使用{}时,if 语句只能控制紧随其后的那个语句

实例:

var a=11;
if(a<10)
alert("如果a<10则输出");
alert("雨女无瓜");

如果希望if语句可以控制多个语句,可以将语句分组,统一放在代码块中

var a=11;
if(a>10) {
document.write("如果a>10则输出");
alert("雨女无瓜");
}

注意: if语句后的代码块不是必须的,但在代码开发的时候尽量写上代码块,哪怕只有一行语句

(二)if…else结构

if (条件表达式) {
执行语句…
}
else{
执行语句…
}

 if…else…语句:(复杂if结构  或  多重if结构)

规则:当使用if…else语句的时候,会先对if后的条件表达式进行求值判断。

  • 如果条件表达式为true,则执行if后的语句;
  • 如果条件表达式为false,则执行else后的语句;
  • if里面的执行语句和else后面的执行语句,最终只能有一个被执行

实例:

var age=70
if(age<60){
alert("还不到退休的年龄~")
}else{
alert("已经退休了~")
}

(三)if …else if…else 多分支语句

if(条件表达式){
语法…
}else if(条件表达式){
语句…
}else if(条件表达式){
语句…
}else{
语句…
}

if…else if…else语句

规则:当该语句执行时,会从上到下对条件表达式进行求值判断

  • 如果值为true,则执行当前语句
  • 如果值为false,则继续向下判断
  • 如果所有条件都不满足,则执行else后面的语句

在该语句中只有一个代码块会被执行,一旦代码块执行了,则直接结束语句。

实例:

var week=4;
if(week>5) {
alert("到周末了,放假了~")
} else if(week>3){
alert("这周快过去了")
}else if(week=1){
alert("黑色星期一")
}else{
alert("随便什么日子~")
}

 注意:语句是从上到下进行运算检查的,如果符合了一个表达式的条件,就会执行其后面的代码,不会再继续向下执行。

所以要注意语句编写的顺序。

var age=40;
if(age>17) {
alert("成年了")
} else if(age>30){
alert("人到中年")
}else if(age<18){
alert("未成年")
}else{
alert("年纪不小了")
}


if语句 代码练习:

例一:

从键盘输入小明的成绩:

当成绩为100时,输出“奖励一笔记本”

当成绩为[80~90]时,输出“奖励一部手机”

当成绩为[60~80]时,输出“奖励一本试卷”

当成绩小于60时,什么奖励也没有。

注意:在进行if条件语句书写的时候要充分考虑可能出现的情况。

就本例而言,满分为100分,所以输入大于100或小于0,又或是非数字的值都是不符合要求的。

方法:

使用prompt( ) 函数,可以弹出提示框,该提示框中会有一个文本框。

用户可以在文本框中输入一段内容,该函数需要字符串作为一段参数,该字符串将会作为提示框的提示文字出现。

用户出现的内容会作为函数的返回值出现,可以定义一个变量来接收该内容。

代码:

var score=prompt("请输入成绩");
if(score > 100 || score < 0 || isNaN(score)){
alert("请输入0~100之间的数字~")
}
else{
if(score=100) {
alert("奖励一笔记本")
} else if(score>80 && score<99){
//或是else if(score>=80);
alert("奖励一部手机")
}else if(score<80 && score>60){
alert("奖励一本试卷")
}else{
alert("什么奖励也没有")
}}

例二:

某公司招聘,提出了如下要求:

年龄30岁以下,有工作经验两年以上,成绩大于500

如果三个条件都满足:聘用

如果三个条件中有为真的情况:现在急需用人,先用着不合适就辞退;

如果三个条件都不符合:不行,不能聘用

        var age=prompt("请输入年龄");
var exper=prompt("请输入工作时间");
var univ=prompt("请输入成绩");
// alert(age +","+ exper +","+ univ);
if(age < 30 && exper > 2 && univ > 500 ){
alert("马上聘用")
}else if(age < 30 || exper >2 || univ > 500 ){
alert("会考虑一下")
}else{
alert("不予考虑,不行")
}

  实例三:

判断闰年

算法:闰年(四年一闰,百年不闰,四百年再闰)

弹出prompt 输入框,让用户输入年份,然后将这个值取过来保存在变量中

使用if语句判断是否是闰年,如果是闰年,就执行 if 后面的执行语句,否则就执行else后面的语句

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

二、switch-case语句

switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用switch

switch-case语句是一种特殊的分支结构,可以根据表达式的不同取值,从不同的程序入口开始执行。

语法:

switch(条件表达式){
case 表达式 :
语句…
语句…
break;
case 表达式 :
语句…
break;
default :
语句…
break;
}

执行流程:

switch…case…语句

执行时会将 case 后表达式的值与 switch条件表达式 的值进行全等(==)比较

  • 如果比较结果为true,则从当前case处开始执行代码。当前case后的所有代码都会被执行。可以在case代码后跟着break关键字,这样可以确保只执行当前case后的语句,而不会执行其他case。
  • 如果比较结果为false,则继续向下比较
  • 如果所有比较结果都为false,则只执行default后的语句

switch语句中的每一种情况(case)的含义是:“如果表达式等于这个值(value),则执行后面的语句(statement)”;

break关键字  会导致代码执行流跳出switch语句。如果省略break关键字,就会导致执行完当前case后,继续执行下一个case

default关键字  则用于在表达式不匹配前面任何一种情形时,执行机动代码(因此,也相当于一个else语句)

switch语句和if语句异同点:

switch语句和if语句实际上是有重复的,使用switch可以实行if的功能,使用if也可以实现switch的功能,具体选择哪种方法,可以根据自己的习惯选择。

switch-case语句 常常和break语句结合使用实现分支的功能;

switch-case在实现分支功能时和if-else的主要区别:

  • if…else…可以判定相等或不等的情形,适用性更广;
  • switch-case结构的结构更清晰、效率更高;但是一般只用指定变量相等于某个范围内的某个特定值才去使用

实例:(根据num的值来输出对应的英文)

var num=1;
switch(num){
case 1:
console.log("one");
}

 注意:如果比较结果为true,就从当前case处开始执行代码。从当前case处执行代码意味着不仅仅是case后面紧跟着的这条语句,还有case后面所有的语句都进行输出。(num为2,case 2表达式与其全等,所以case 2后面的所有代码都运行)

var num=2;
switch(num){
case 1:
console.log("one");
case 2:
console.log("two");
case 3:
console.log("three");
}

输出结果:

注意:执行break可以退出switch语句,截断了case代码,只输出case 2后面的语句。

JS中的流程控制语句的更多相关文章

  1. JavaScript基础&实战(3)js中的流程控制语句、条件分支语句、for循环、while循环

    文章目录 1.流程控制语句 1.1 代码 1.2 测试结果 2.弹窗提示输入内容 2.1 代码 2.2 测试结果 3.条件分支语句 3.1 代码 3.2 测试结果 4.while和 do...whil ...

  2. Mysq中的流程控制语句的用法

    这篇博客主要是总结一下Mysq中的流程控制语句的用法,主要是:CASE,IF,IFNULL,NULLIF 1.case CASE value WHEN [compare-value] THEN res ...

  3. JS基础_流程控制语句

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JS基础-语法+流程控制语句+函数+内置对象【数组】

    JS语法: Javascript基本数据类型:undefined/null/Boolean/number/string 复杂数据类型:object typeof用来检测变量的数据类型 typeof的使 ...

  5. SQL SERVER中的流程控制语句

    流程控制语句 是指用来控制程序运行和流程分至点额命令.一般指的是逻辑计算部分的控制. 1.Begin End语句 封装了多个T-SQL语句组合,将他们组成一个单元来处理. 一般在条件查询或者循环等控制 ...

  6. java中的流程控制语句总结

    程序的结构分类: 顺序结构:按照写代码的顺序 一次执行 选择结构:根据条件的不同有选择的执行不同的代码 循环结构:在一定条件下 反复执行某一片代码 选择结构: 也叫分支结构 根据条件的不同,有选择的执 ...

  7. 现代JS中的流程控制:详解Callbacks 、Promises 、Async/Await

    JavaScript经常声称是_异步_.那是什么意思?它如何影响发展?近年来这种方法有何变化? 请思考以下代码: result1 = doSomething1(); result2 = doSomet ...

  8. js 中的流程控制—while和do while

    while语句: while(exp){  }如果为true ,执行代码块里的语句,如果为false,跳出循环 <script> var i =1 ; while (i<10){ / ...

  9. js 中的流程控制-条件语句

    条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...

随机推荐

  1. 几家大的券商的PB系统以及算法交易概况大致是怎样的?

    PB的定位是托管-清算-交易.目前的PB系统方面的竞争点主要放在了交易环节(毕竟托管和清算没有多大的差异).目前的pb交易环节的技术提供有恒生.讯投.金证.同花顺等,以满足私募及高净值个人多样化交易和 ...

  2. javascript 访问 webservice

    xml: <?xml version="1.0" encoding="UTF-8"?> <boolean xmlns="http:/ ...

  3. c# AES128 加解密算法

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  4. PHP 验证香港身份证ID号

    /**check hk idcard$id = "K548653A";$xx= check_hkid($id);var_dump($xx);**/function check_hk ...

  5. mysql中关于 like ,not like 的用法时不能显示空值的数据(空值不参与判断,直接过滤空值)

    一般在项目中用法是(这种没办法显示空值的数据): select * from 表 where 字段 like %aaa%; 解决空值不显示(除了显示的数据外,空值数据也可以显示): select * ...

  6. 各种开源许可 license 区别

    copy from http://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html

  7. BindWeb - Bind智能DNS管理系统介绍

    2019-05-08 演示网站: https://bindw.cdneks.com demo/demo 2018-11-27 修改部署架构,取消网络共享存储设备,在每台BIND服务器启用NFS4并仅向 ...

  8. OracleOraDb11g_home1TNSListener服务无法启动

    作者:伪墨 来源:CSDN 原文:https://blog.csdn.net/qq997404392/article/details/73296429 今天遇到OracleOraDb11g_home1 ...

  9. 关于XML的一些事

    XML:可扩展标记语言! 01.很像HTML 02.着重点是数据的保存 03.无需预编译 04.符合W3C标准 可扩展:我们可以自定义,完全按照自己的规划来! 标记:计算机所能认识的信息符号! 比如: ...

  10. shell学习笔记2---执行Shell脚本(多种方法)

    在新进程中运行 Shell 脚本 1) 将 Shell 脚本作为程序运行 切换到脚本所在位置(还要给脚本加上可执行权限) [mozhiyan@localhost demo]$ ./test.sh #执 ...