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

目录

一、程序的三大结构

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

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

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

一、程序的三大结构

 顺序结构、选择结构、循环结构 @H_126_15@ 
 
二、选择结构的单分支结构 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
 
   
目录
 
一、程序的三大结构
 
二、选择结构的单分支结构
 
三、选择结构的双分支结构
 
四、选择结构的多分支结构
 
 
一、程序的三大结构
 
 顺序结构、选择结构、循环结构 
 
 
二、选择结构的单分支结构 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
 
 
觉得可用，就经常来吧！  欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！