1.switch case的基本使用:

 const handleSwitch = (type, num) => {
        switch (type) {
          case '0':
            return num
            break
          case '1':
            return num + 1
            break
          case '2':
            return num + 2
            break
        }
      }
      const result = handleSwitch('2', 3)
      console.log('result==', result)

通过调用函数handleSwitch(),接收一个type和num,根据type的不同情况在switch case进行相应的代码操作,当传入的type为'2',num为3时运行case '3'情况下的代码得到result =5

2.case的指定条件为多个时

  const handleSwitch = (type, num) => {
        switch (type) {
          case '0':
          case '1':
            return num
            break
          case '2':
          case '3':
            return num + 1
            break
          case '4':
            return num + 2
            break
        }
      }
      const result = handleSwitch('2', 3)
      const result2 = handleSwitch('3', 3)
      console.log('result==', result, result2)

同样通过调用函数handleSwitch(),当传入的type为'2',num为3时,得到的result为4

当传入type为'3',num为3,得到的结果也是4

注意:

1.在每种case的最后面都要加break,否则后面条件不管是否成立都会执行;

2. case的条件相当于===,即全等条件下才成立,在此例子中传入的type不能为数字2,而是字符串'2'才可以,因为case中的条件也是字符串类型的;
 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐