js中三种常用的判断语句

if、else if、else
三元运算符
switch case
这三种判断语句都有多种组合方式

if

let x = 10;
if(x > 0){ //如果x>0该条件成立，会执行{}大阔号内的语句，如果不成立直接跳过不执行
    x++;
    console.log(x);
 }

if else

let x = 10;
if(x > 10){ //如果条件成立，则执行x++;
    x++;
}else{//如过条件不成，则执行else里的语句 x--;
    x--;
}

if 、else if 、else

let x = 10;
if(x == 1){ //如果x = 1,则执行x += 1;
    x += 1;
}else if(x == 5){//如果x = 5,则执行x += 2;
    x += 2;
}else if(x == 10){//如果x = 10,则执行x += 3;
    x += 3;
}else{ //如果以上条件都不成立，则执行else语句 x += 4;
    x += 4;
}

嵌套 if else

let x = 10;
if(x > 0){ //如果x > 0,则执行{}大括号内的语句
   if(x<10){//如果x < 10,则执行x++;
       x++;
    }else{//条件不成立则走else语句，x--
       x--;
    }
}else{//如果x > 0条件不成立则执行else语句，x--
   x--;
}

三元运算符：条件？成立的情况：不成立的情况；一般处理简单的if else情况

let x = 10;
if(x >10){
    x++;
}else{
    x--;
 }
//使用三元运算符写出上面的效果
x > 10 ? x++ : x--;

使用三元运算符做多件事情，则用小括号包起来，每一件事情用逗号分隔

let x = 10;
if (x > 0) {
    x++;
    console.log(x);
}else{
    x--;
}
 //使用三元运算符做多件事情，则用小括号包起来，每一件事情用逗号分隔
x > 0 ? (x++, console.log(x)) :x--;

相对复杂的三元运算符

let x = 10;
if(x > 0){ //如果x > 0,则执行{}大括号内的语句
   if(x<10){//如果x < 10,则执行x++;
       x++;
    }else{//条件不成立则走else语句，x--
       x--;
    }
}else{//如果x > 0条件不成立则执行else语句，x--
   x--;
}
//使用三元运算符写出上面的效果
x > 0 ? (x < 10 ? x++ : x--) : x--;

三元运算符： /在条件成立或者不成立的时候，如果不想做一些事情，可以使用null/undefined等来占位即可，如果不占位则会报错

let x = 10;
if (x > 0) {
    x++;
    console.log(x);
}
//使用三元运算符写出上面的效果
x > 0 ? (x < 10 ? x++ : x--) : null;
// x > 0 ? (x < 10 ? x++ : x--) : ; //这样报错

switch case:

let str = '10';
switch (str) { //switch(表达式)
    case '1'://在x='1'的情况下执行 case 常量表达式：常量表达式与switch中的表达式进行比较，注意这里的比较是 === 全等，等号两边必须数据类型一致，不然会直接走default
          str += 1;
          break;//每个case里面需要设置break（以供此条件处理完事情后，通知代码不在往下执行）
    case '5':
          str += 2;
          break;
    case '10':
          str += 3;
          break;
    default://=>如果以上条件都不满足，则走default，default中不需要设置break,执行完default语句，则整个switch语句执行完成。
          str += 4;
}
console.log(str);//'103'