开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第22天，点击查看活动详情

前言

条件语句是开发中最基础的语句，开发过程中也离不开条件语句，今天我们一起来学习一下JS条件语句。

if else

if语句:if语句后面跟条件，当条件为true才会执行后面的代码块，if语句也可以称为选择语句。

   const a = 3;
    if (a > 1) {
      console.log('判定成功');
    }
    //条件满足执行 打印'判定成功'

if...else语句:如果if中判定条件为false，就会执行else里的代码块，两个代码块一定会执行其中一块。

    const a = 3;
    if (a < 1) {
      console.log('判定成功');
    }else{
      console.log('判定失败')
    }
    //打印'判断失败'

if...else if...:进行多种条件判定，会执行符合条件的代码块，else if不能相连。

    const a = 3;
    if (a < 1) {
      console.log('a<1');
    } else if (a > 1) {
      console.log('a>1');
    }
    //打印'a>1'

嵌套使用:if相关语句都可以进行嵌套使用，也就是说if里面还可以使用if，嵌套时else会与离它最近的if语句匹配。当我们去写嵌套时一定要理清相关条件。

相等==与严格相等===

在我们用条件语句时避免不了要做比较，如果想要对比两个值是否相等，我们有两种方式：

==：判断双方的值是否相等。
===：判断双方的值及类型是否相等。

   console.log(1=='1')//true 值相同
   console.log(1==='1')//false 类型不同

我们养成习惯用===比较是否相等，切记不能用'='，这是赋值符刚开始可能会犯这种错误。

switch

switch也是一种条件语句，它列举了几种值得情况，将表达式的值与列举的值去对比，满足哪个值就执行对应值下面的代码，具体语法如下： switch(ex){ case n1: code1 break case n2: code2 break ... //可选 default: code3 }

   switch (0) {
      case 0:
        console.log('苹果');
        break;
      case 1:
        console.log('香蕉');
        break;
    } //打印'苹果'

注意：一定不要忘加break;如果不加，当执行完匹配到的代码后会按照顺序继续执行下去，直到代码结束。

   switch (0) {
      case 0:
        console.log('苹果');
      case 1:
        console.log('香蕉');
    }//打印 '苹果' '香蕉'

default：default是默认执行，可选的代码，如果我们填写了，当匹配不到对应的值时就会执行default中的代码：

   switch (2) {
      case 0:
        console.log('苹果');
        break;
      case 1:
        console.log('香蕉');
        break;
      default:
        console.log('梨子');
    }//梨子

default是可以放到case之间的。

多case:case可以写多个，满足这几个值都会去执行对应代码。

    switch (2) {
      case 0:
      case 2:
        console.log('苹果');
        break;
      case 1:
        console.log('香蕉');
        break;
    }//苹果

总结

以上就是条件语句，在使用if语句要注意理顺关系，不要过多嵌套；对应switch语句，不要忘记加break。

JS学习——条件语句

前言

if else

相等==与严格相等===

switch

总结