2021-11-19

二、选择结构

目录

1.JavaScript的组成

         1.三大核心

         2.window对象的常用方法

2.if选择结构

3.多重if选择结构

4.嵌套if选择结构

5.switch选择结构

6.三元表达式

1.JavaScript的组成

1.三大核心

ESMAScript 核心语法(标准规范)-> ES6

BOM 浏览器对象模式,其实就是window对象,该对象可以操作浏览器

DOM 文档对象模型,其实就是document对象,该对象可以操作网页里面的所有元素

2.window对象的常用方法

1.alert()方法,用于打开消息框

2.prompt()方法,用于打开输入框,输入框返回的数据的类型是string类型

3.confirm()方法,用于打开确定框,确认框里面有两个按钮,确定和取消,点击确定按钮返回true,点击取消按钮返回false

4.parseInt()方法,用于将字符串数据强转为整型

5.parseFloat()方法,用于将字符串数据强转为浮点型

6.isNaN()方法,用于判断一份数据是不是NaN数据(not a number)

代码:

   

   

   

    window对象的常用方法

   

控制台显示为:

2.if选择结构

if选择结构的语法是:if(判断条件){满足条件之后,执行的代码块}

if-else选择结构,if()里面的条件成立执行if{}里面的代码块,否则执行else{}里面的代码块

注意:当if或者else里面只有条件语句的时候,可以省略{}

代码:

   

   

   

    if选择结构

   

控制台显示为:

3.多重if选择结构

多重if选择结构里面,满足其中一个条件,执行该条件对应的代码,执行完成后跳出整个程序结构。

如果所有的条件都不成立,有else,就执行else;没有else,整个程序结构结束。

练习题:

如果有5000万,在北京买房子

如果有3000万,在上海买房子

如果有1000万,在深圳买房子

如果有800万,在广州买房子

如果有300万,在南京买房子

否则,不买房子

代码:

   

   

   

    多重if选择结构

   

弹框显示为:

4.嵌套if选择结构

嵌套if选择结构:就是在一个完整的if或者else的结构中,继续使用if结构语句。

练习题:

请输入是否是会员,输入y是会员,输入n不是会员

请输入消费金额

会员:消费打8折,满100元打6折

非会员:消费满200元打9折,不满200元不打折

最后输出本次实际消费金额

代码:

   

   

   

    嵌套if选择结构

   

弹框显示为:

多重if和嵌套if的综合练习题:

输入年 月 输出该月份有多少天?

闰年公式:年份能被4整除,但不能被100整除;或者年份能被400整除。闰年的2月份是29天,平年的2月份是28天。

代码:

   

   

   

    多重if和嵌套if的综合练习

   

弹框显示为:

5.switch选择结构

switch选择结构,也是用于进行多分支判断,语法结构比多重if简洁。

但是,switch选择结构只能进行等值判断。

语法结构是:将需要进行等值判断的变量,放到()里面。在{}里面通过case后面的值跟它进行等值判断。

注意1:case语句,在结束之前,通常都要加上break,表示跳出switch选择结构,因为,

switch选择结构,里面的case一旦判断成立,后面的case就不会再进行判断了。

注意2:如果多个case的输出结果相同,可以将多个case的结果合并,并省略前面case的break。

代码:

   

   

   

    switch选择结构

   

控制台显示为:

弹框显示为:

   

   

   

    switch练习题

   

弹框显示为:

6.三元表达式

三元表达式,可以简化基本的if-else语句结构

var c = a > 10 ? 100 : 200

三元表达式,也可以简化复杂的if-else语句结构

var e = a > 20 ? 200 : (a > 10 ? 100 : 300)

代码:

   

   

   

    三元表达式

   

控制台显示为:

你可能感兴趣的:(2021-11-19)