js分支结构

209 阅读1分钟

分支结构:

1. if else

第一种:
if(){
};

第二种:
if(){
}else{
};

第三种
if(){
}else if(){
}else{
};

2. 逻辑中断/逻辑短路--重点

2.1逻辑分支

作用: 简化 if()else分支操作.

  • 逻辑中断逻辑与

    语法:条件&&(操作);
    举例:
    if语句写法:
         if(total>=500){total*=0.8}
         
    逻辑与写法:
         total>=500&&(total*=0.8);
    
  • 逻辑中断逻辑或

    两个值中二选一:用于老IE(6/7/8)的兼容.
    

2.2布尔值参与逻辑短路运算

注意: 在分支条件环条件中不需要管写的是什么.只看为true还是false.

  • 与运算 &&

     //如果表达式1 结果为真 则返回表达式2的值;如果表达式1 结果为假  则返回表达式1
      举例:
          console.log(123 && 456);//结果输出为456
          console.log(0 && 456);//结果输出为0
          console.log(0 && 456+12 && 456*45);//结果输出为0
          console.log('' && 456+12 && 456*45);//结果输出为''
    
  • 或运算 ||

    //如果表达式1 结果为真 则返回表达式1的值;如果表达式2 结果为假  则返回表达式2
     举例:  
          console.log(123 || 456);//结果输出为123
          console.log(0 || 456);//结果输出为456
          console.log(0 || 456 + 12 || 456 * 45);//结果输出为468
          console.log('' || 0 || 456 * 10);//结果输出为4560
         
    
  • 非运算 !

    //颠倒布尔值
    举例
       console.log(!0);//结果为true
    

3.三目运算

作用: 简化 if()else分支操作.

 语法:(可以嵌套自身使用)
     条件 ? 操作1 : 默认操作;
     条件 ? 操作 1: 条件2 ? 操作2 : 条件3 ? 操作3 : 默认操作;
     
 注意:
     1.只能完成简单的分支-----操作一句话;
     2.此方法默认操作不能省略,否则会报错;