js中的if判断语句和switch条件分支语句

更新日期: 2019-02-12阅读: 2.2k标签: 条件

语句是js中最重要的成分。本文想介绍的是if判断语句和switch条件分支语句


if条件判断语句

形式:

if(条件判断){
  表达式
}

意思就是,当满足条件判断的句子,执行花括号内的表达式


直接看看有坑的地方

需求:当score为60分以下,控制台打印不及格,当score为60分以上,控制台打印及格,当score为85分以以上,控制台打印优秀

var score = 60
if(score<60){
  console.log(‘不及格‘)
}else if(score>=60){
  console.log(‘及格‘)
}else if(score>=85){
  console.log(‘优秀‘)
}


肯定有小伙伴会这样写吧,但是这样存在问题

因为if判断语句只会执行满足条件的一个判断,但是在上面的代码段里出现了score>=60,又出现了score>=85

永远不会执行score>=85的那种判断,因为前面socre>=60

所以应该这样写

var score = 60
if(score>=85){
  console.log(‘优秀‘)
}else if(score>=60){
  console.log(‘及格‘)
}else{
  console.log(‘不及格‘)
}

或者这样写

var score = 60
if(score<60){
  console.log(‘不及格‘)
}else if(score>=60 && score<85){
  console.log(‘及格‘)
}else if(score>=85){
  console.log(‘优秀‘)
}

这样才是正确的流程语句


switch条件分支语句

之前一直记不住这样的形式,其实和if判断语句差不多

var score = 60
switch (score){
    case 90:
        console.log(‘优秀‘)
        break
    case 80:
        console.log(‘中上‘)
        break    
    case 70:
        console.log(‘中等‘)
        break
    case 70:
        console.log(‘及格‘)
        break
    default:
        console.log(‘不及格‘)
        break
}


如果不加入break会默认从满足条件一直向下执行.最后的default就是相当于if条件语句中的else,switch语句用的是全等判断,大家一定要注意一下

还可以写成判断语句,像这样

switch (true){
	case score>50:
	    console.log(‘优秀‘)
	    break
	    ...
}

原理就是true和score那里全等就ok


链接: https://www.fly63.com/article/detial/1999

JavaScript条件判断: Js三元运算符介绍

运用条件运算符将你的 if 语句缩短为一行代码,运用条件语句,比如 if,当 if 语句满足的情况下,允许我们执行指定一些代码块...

HTML条件注释_关于IE条件注释

就是在每个浏览器中上边两个中只能使用一个的话一定得记得把IE9考虑进来,因为它也是能识别条件注释的(感觉IE9就是IE向现代高级浏览器过渡的东西,CSS3只支持一部分,但是之前IE专有的一些问题照样存在)

css3条件判断_@supports的用法/Window.CSS.supports()的使用

为了判断浏览器是否支持css3的一些新属性样式,当不兼容该样式的时候,我们可以更优雅的降级处理。这就需要使用到css3的条件判断功能:在css中支持@supports标记、或者在js中使用CSS.supports函数,来检测浏览器是否支持css3的新属性。

js条件判断语句优化

在js中的条件判断,主要用于不同的条件执行不同的动作,实际开发中,我们如何实现js条件判断语句优化的呢?1、一个条件推荐用if else或者三元运算,2、当2个条件是用if...elseif...else...3、三个条件及以上时候推荐用switch

写好JavaScript条件语句的5个技巧

当我们写JavaScript代码时,经常会用到到条件判断处理,这里有5个技巧能使你写出更好、更简洁的条件语句。使用Array.includes处理多种条件、减少嵌套,尽早return、使用函数默认参数和解构

Vue条件判断

在Vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用

竞态条件(Race condition)

当你的程序依赖正确的响应顺序,但响应的顺序又无法保证时,可能会导致意外的结果,这就是竞态条件。方案1:每次操作完成之前,阻止新的操作;方案2:每次发送请求时,丢掉上一个请求的响应

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!