条件控制语句

乖女子@@@

已于 2023-01-04 17:35:36 修改

阅读量213

点赞数

分类专栏： javascript 文章标签： javascript 前端开发语言

于 2021-03-25 19:09:29 首次发布

本文链接：https://blog.csdn.net/qq_43260366/article/details/115215698

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

这篇博客探讨了在JavaScript中使用if语句和switch语句进行条件判断的场景和效率。if语句适合处理复杂的逻辑判断，尤其是条件涉及范围时，而switch语句在处理多个具体值的情况时更为高效。文章通过示例展示了如何根据用户输入选择不同选项，对比了if和switch在实现相同功能时的代码结构和效率。

摘要由CSDN通过智能技术生成

1.if

2.switch

3.总结

1.if

语法：

if(boolean){

// 若是表达式为true时执行代码

}else if(boolean){

//若是表达式为true时执行代码

}else{

// 若以上表达式都不成立，执行代码

}

2.switch

语法：

switch(值){

case 值1:

执行代码

break;

case 值2:

执行代码

break;

default:

执行代码

}

3.总结

在选择时，条件若是

表示一个范围，则使用if
若是多个具体的值，则使用switch效率会高

举例说明

需求：由用户输入数据
- 若是1，2，3输出恭喜你选择了A
- 若是4,5,6输出恭喜你选择了B
- 若是7,8,9输出恭喜你选择了c
- 若是10,11,12输出恭喜你选择了D
使用if

 let n = prompt('请输入你的选择', 1)
      // 若是使用if
      if (n == 1 || n == 2 || n == 3) {
        alert('恭喜你选择了A')
      } else if (n == 4 || n == 5 || n == 6) {
        alert('恭喜你选择了B')
      } else if (n == 7 || n == 8 || n == 9) {
        alert('恭喜你选择了C')
      } else if (n == 10 || n == 11 || n == 12) {
        alert('恭喜你选择了D')
      } else {
        alert('请重新输入')
      }

使用switch
- 注意问题
- [1]在switch和case值做匹配时，是全等比较；
- [2]使用prompt在接收值的时候，若是点击确定，得到的值为String类型，若是点击取消，得到的值为null
- [3]每个case执行代码后面都要加一个break，否则会发生穿透；
  - 在如题中可以合理利用穿透
- [4]规则
  - 若是switch 后的值与case后的值全等，则会执行case后的代码，直到遇到break结束；
  - 若是都不符合即执行default后的代码

switch (n) {
        case '1':
        case '2':
        case '3':
          alert('恭喜你选择了A')
          break
        case '4':
        case '5':
        case '6':
          alert('恭喜你选择了B')
          break
        case '7':
        case '8':
        case '9':
          alert('恭喜你选择了C')
          break
        case '10':
        case '11':
        case '12':
          alert('恭喜你选择了D')
          break
        default:
          alert('请从新输入')
      }