04.js-if和switch

结构语句

1. 基本结构 (顺序执行)
2. 分支结构 (分支语句)
3. 循环结构 (循环语句)

一、if语句(分支)

1. if(判断条件){

    只有当 if 中的判断条件为 true 的时候，{}中的代码才能被执行，如果判断条件不为 true，则跳过{}中的代码，程序继续往下执行
   

   }

   if 后面 () 中的判断条件，不管里面的表达式有多复杂，返回的值永远只有true或者false

2. if(判断条件){

    如果判断条件 为true， 则执行这里的代码
   

   }else{

    如果判断条件 不为true，则执行else中的代码
   

   }

   if 可以单独使用，else 必须结合if一起使用。else 指的是除了满足if条件之外的所有条件

   let num = 0 || 6 ;
   console.log(num);
   if(0||6){
       //1000行代码
       console.log('苏妲己');
   }
   console.log('武则天');
   
   let num1 = 20;
   
   if (num1>100){
   console.log('20>100');
   }else{
   console.log('20<100');
   }
   

3. if(判断条件){

   }else if(判断条件){

   }else{

   }

在使用if语句的时候，else的范围有时候会比较大，因此可以使用else if对具体的情况进行细分， else if 可以根据情况设置多个

let score = 70 ;
if(score==100){
   console.log('奖励');
}else if (score>=90){
   console.log('优秀');
}else if (score>=80){
   console.log('良好');
}else if (score>=70){
   console.log('中等');
}else if (score>=60){
   console.log('及格');
}else{
   console.log('bai~');
}//中等

判断闰年

先html内写上输入框

输入年份：<input type="number" id="year"> <button id="btn2">查看是否是闰年</button>

let year=document.getElementById('year')
let btn2=document.getElementById('btn2')

btn2.onclick=function(){
   let y1=year.value-0;
   if(y1%4==0&&y1%100!=0||y1%400==0){
       alert(y1+'是闰年');
   }else{
       alert(y1+'不是闰年');
   }
}

数学方法

1. Math.floor( num) 把数字num向下取整，舍弃掉小数
2. Math.ceil( num) 把数字num向上取整，舍弃掉小数，整数部分+1
3. Math.round(num) 把数字num四舍五入

console.log(Math.floor(3.25));//3
console.log(Math.ceil(3.05));//4
console.log(Math.round(3.05));//3

判断水仙花数

<input type="number" value="" id="txt">
<button id="btn">判断</button>

let txt=document.getElementById('txt');
let btn=document.getElementById('btn');

btn.onclick=function(){
    let val=Number(txt.value);
    //  百位
    let b = Math.floor( val/100);
    //  十位
    let c = Math.floor( val%100/10);
    //  个位
    let g = Math.floor( val%10);
    console.log(b,g,c,b*b*b,c*c*c,g*g*g);
    // let zt = b*b*b+s*s*s+g*g*g;
    if(b*b*b+c*c*c+g*g*g == val){
        alert(val+'是水仙花数');
    }else{
        alert(val+'不是水仙花数');
    }
};

注意:

1. 当你书写判断条件的时候，注意等于是==，不是=，=是赋值
2. 0 ‘’ null undefined 如果写在判断条件中，都被解析为false，非0、非null、非 undefined，如果写在判断条件中，都被解析为true

let a=10;
if (a=20){//一个=是赋值，不是比较，这种写法是错误的
    console.log(a);
}

if(''){
    console.log('南村群童欺我老无力');
}

if(!0){
    console.log('南村群童欺我老无力');
}//南村群童欺我老无力

二、switch 语句

特点是，默认贯穿整个结构，可以使用关键字 break 阻止贯穿

break的作用是阻断当前结构语句，可以阻断 switch 也可以阻断 循环

let count = 70;
  switch (count) {
    case 30:
        console.log('天涯何处觅知音');
        break;//阻断 switch 语句，跳出switch
    case 170:
        console.log('一曲肝肠断');
        break;
    //如果上面的条件都不能满足，则会执行default中的代码
    default:
        console.log('天涯何处无芳草+default');
        break;
  }  //天涯何处无芳草+default

let num=1;
  switch (num) {
    case 2:
        console.log('当前是1');
        num++;
    case 1:
        console.log('当前是2');
        num++;
        break;
    default:
        console.log('当前是default');
        num--;
        break;
  }//当前是2
  console.log(num);//2