HTML5第二阶段JS程序结构之选择结构讲解

目录

一、程序的三大结构

二、选择结构的单分支结构

三、选择结构的双分支结构

四、选择结构的多分支结构

---

一、程序的三大结构

顺序结构、选择结构、循环结构

---

二、选择结构的单分支结构 if语句

单分支：if（） { }   if语句
    if 表示分支语句
    （ ）条件，逻辑判断
    { }代码块，执行语句,当条件判断为true时，执行

登录界面举例：
    结构：<input type="text" id="txt" />
        <input type="password" id="pas" />
        <input type="button" id="btn" />
    js： var user = "admin";
        var pass = "123456";
        btn.onclick = function(){
            if(txt.value == user && pas.value == pass){
                console.log("登录成功")
                }
            }
判断一个数字是偶数 举例：
    结构：
    <input type="text" id="txt" />
    <input type="button" id="btn" />
    js：
    var txt = document.getelementbyid("txt");
    var btn = document.getelementbyid("btn");
    btn.onclick = function(){
        var otxtvalue = txt.value ;
        if(otxtvalue%2 == 0){
            console.log("偶数")
            }
判断一个年份是否是闰年 举例：
    结构：
    <input type="text" id="txt" />
    <input type="button" id="btn" />
    js：
    var txt = document.getelementbyid("txt");
    var btn = document.getelementbyid("btn");
    btn.onclick = function(){
    var otxtvalue = txt.value ;
    if((otxtvalue%4 == 0 && otxtvalue%100 !== 0)||otxtvalue%400 == 0 ){
                console.log("闰年")
            }else{
                console.log("平年")}
            }

---

三、选择结构的双分支结构 if语句

if(){} else(){}

if（true）{
    条件为真，执行此处的代码
 }else{
    反之条件为假，执行此处的代码
}

判断一个数字是否是偶数 举例：
    结构：
    <input type="text" id="txt" />
    <input type="button" id="btn" />
    js：
    var txt = document.getelementbyid("txt");
    var btn = document.getelementbyid("btn");
    btn.onclick = function(){
        var otxtvalue = txt.value ;
        if(otxtvalue%2 == 0){
            console.log("偶数")
            }else{
                console.log("奇数")}
            }
双分支结构中的嵌套：
    第一种：
    if(){
        if(){

        }else{

        }
    }else{

    }
    第二种:
    if(){

    }else if(){

    }else{

    }

在判断语句中的（）中发生了隐式类型转换：
    字符型：非空字符为true
    数值型：非零为true
    未定义：!undefined为true
    数组型：空数组为true
    对象型：空对象为true

发生隐性类型转换，把true转换为1；把false转换为0；
    conlose.log(1 + true );返回结果为2；
    conlose.log(1 + false);返回结果为1；

---

四、选择结构的多分支结构 switch语句/break关键字

多分支结构 switch语句：
    switch(){
        case 0:alert("零");
        break;
        case 1:alert("一");
        case 2:alert("二");
        default:alert("不识别的数字");
    }
 switch()内，不会做判断，在case身上判断这个值是否符合。
 switch()内，不能做判断，同时在case后也不能做判断，

注意：
    如果判定的是范围，不要使用switch语句；判定具体数据的时候，才使用switch
注意：
    switch的应用场景：有多个确定值需要判断的时候
注意：
    case语句的穿透，要加break语句；
    如果程序没有break语句，那么解析器会继续向下解析
注意：
    default相当于if语句中的else，当以上条件都不满足的时候，执行default

---