html case怎么选择范围,《小白HTML5成长之路37》JavaScript多个条件选择switch语句

3ec04aa6c80b

本来对判断稍有点模糊的小白,上午经过老朱一顿各种“非”之后,感觉脑子都不够用了,他把javascript中的not true(作为判断条件当成false的undefined、null、NaN、0)这几个都自己动手写了些,终于明白了其中的奥秘,心想:“javascript中判断的时候只要记住false、undefined、null、NaN、0这几个值是假,剩下的都是真就可以了,总算记住了。”

一切顺利之后,小白找到老朱:“朱哥没问题了!我们继续吧!”

老朱说道:“好的,你有时间把undefined、null、NaN这三个值是怎么产生的情况也看一看!我就不跟你多说了,下面我们说一下多个条件进行选择的switch语句,javascript中的switch语句非常重要,一定要学会。switch语句的结构如下:”

3ec04aa6c80b

“通过switch参数的值来决定执行哪一段js代码,如果值与case中所有值都不匹配,就执行dufault的代码。”

小白看完以后说道:“不明白!”

老朱说:“不着急,通过一个简单的例子你就明白了。”

3ec04aa6c80b

“这段语句中,switch中的条件是变量a,里面设置了三种情况,a为1则输出‘一’、a为2则输出‘二’、a为3则输出‘三’,如果a的值不满足上面三个情况就输出‘不知道’。在switch语句前面我们让变量a的值等于1,执行这段代码你可以在控制台看到输出:”

3ec04aa6c80b

“如果a的值为0,switch语句就会执行控制台输出‘不知道’。”

小白看完以后,说道:“原理我是明白了,可是我感觉switch语句能在哪儿用呢?我感觉用处不大啊!”

老朱说:“小白!千万别小看switch语句,这里我们是手动给a赋值,如果a的值是通过某种方式获取到的,它的用处就非常大了。前几天我给你讲的ajax方法加载数据还记得吧?”

“记得,通过jQuery的ajax方法加载JSON数据的方法我已经练了好几遍了。”

“好,那我问你,如果你通过ajax方法加载的用户JSON数据信息里面有一个字段是用户的类型,类型不同,页面的布局甚至信息都不同你怎么处理?”

“用if语句进行判断就可以了啊!如果是a类型就是用a布局、b类型就使用b布局...。”

老朱说:“恩,if-else语句也可以,但是如果用户类型特别多的话用if-else语句就显得太罗嗦了,代码的可读性也不好,这个时候用switch语句就非常合适了。”

3ec04aa6c80b

“你看这样写的话我们维护代码的时候会很方便,switch适合多个值之间的选择,如果是逻辑判断还是if语句更合适。你在以后写javascript代码的时候需要根据不同需求选择使用if语句还是switch语句,你现在可以自己思考一下哪些情况可能会用到switch语句,然后根据情况自己做些小练习。”

老朱刚准备走,突然又回过身说道:“对了,还有一个判断语句你自己了解一下。”

3ec04aa6c80b

“条件成立? 成立:不成立”

想学H5的朋友可以关注老炉,您的关注是我持续更新《小白HTML5成长之路》的动力!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值