js笔记八之if-else if-else判断语句,三元运算符,

判断操作语句

if(条件1){
    // 条件1成立要执行的操作
}else if(条件2){
    // 条件1不成立,条件2成立,执行的操作
}
...
else{
    // 以上条件都不成立
}

// 如果好几个条件都成立了,只把第一个成立的条件执行,后面成立的条件忽略不管

//条件: a == b a >= b a <= b ...

if(a){
    // 先把a转换为布尔类型,判断真假一次来决定条件是否成立
}

&& 并
|| 或

var num = parseFloat('width:12.5px;'); // -> NaN

if(num == 12.5){ // NaN != 12.5
    alert(12.5);
}else if(num == NaN){ //NaN != NaN
    alert(NaN)
}else if(typeof num == 'number'){ // typeof NaN -> 'number' == 'number'
    alert(0)  // -> '0'
}else{
    alert('啥也不是')
}

三元运算符

条件?条件成立执行:条件不成立执行

var num = 10;
if(num > 5 && num < 10){
    num ++;
}else{
    num --;
}
// 改写成三元运算符
num > 5 && num < 10 ? num ++ : num --;

var num = 10;
if(num > 5 && num < 10){
    num ++;
}
// 改写成三元运算符
num > 5 && num < 10 ? num ++ : null ; 
// 如果条件成立或不成立的某一种情况并不需要做什么处理,我们空着语法不符合
// 我们使用null/undefined/void 0 占位即可

var num = 10;
if(num > 5 && num < 10){
    num ++;
    console.log(num)
}
// 改写成三元运算符
// 某一种情况执行多条操作,使用小括号包起来,中间用逗号分隔
num > 5 && num < 10 ? (num ++,console.log(num)): null ; 

在三元运算符的操作中不能出现break/continue/return这些关键词,我们无法用三元运算符代替if else

switch case

switch case应用于if-else中一个变量在不同值情况下的不同操作

var num = 10;
switch(num){ 
// switch后面小括号中存放的是一个值(一般我们都写变量: 把变量存储的值拿来用,有时候也可能是一个计算)
    case 1:
    // case 后面放入的都是值,目的是验证switch后面的值和哪一个case后面的值相等,相等的进行对应的处理
        ...
        break;
        // 每一个case结束后都要加break,结束当前的判断
    case 10:
        ...
        break
    default:
    // switch 后面的值和每一个case情况对应的值都不相等,执行最后的default,类似于else
        ...
}

var num = 5;

// num%2 让num存储的值除以2取余数(0或1)
switch(num%2){
// 先把取余操作进行运算,那运算结果和case比较
    case 0:
        num++;
        break;
    case 2-1:
    // case 后面也应该是值,此处先把2-1计算,把计算结果和switch值比较
        num--;
        // break;
        // 最后一项可以不加break,不加也能跳出判断
}
num // -> 4

var num = 6;
switch(num%3){
    case 0:
        num++;
        // 不加break,不管后面的条件是否成立,都会继续向下执行,直到遇到break为止;
    case 1:
        num--;
        break;
    case 2:
        num = 0;
        break;
}
num // -> 6

小应用

把符合某几项值都去做同一件事情,使用不加break实现

var num = 6;
switch(num%3){
    case 0:
    case 1: // 余数是0或1都执行减减的操作
        num--;
        break;
    default:
        num = 0;
}
num // -> 5

var num = '6';
switch(num){
    case 6:
        num--;
        break;
    default:
        num=0;
}
num // -> 0

//switch case中的比较是: ===

=: 赋值,等号左边是变量, 右边是值
==: 比较, 如果左右两边值的类型不一样,浏览器会默认转换为一样的然后在进行比较 ('6' == 6 -> true)
===: 绝对相等, 不仅要求值一样,并且类型也完全一样 ('6' === 6 -> false)