美文网首页小白的H5成长之路Web前端之路
《小白HTML5成长之路37》JavaScript多个条件选择s

《小白HTML5成长之路37》JavaScript多个条件选择s

作者: 老炉传说 | 来源:发表于2018-01-02 07:56 被阅读53次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

相关文章

网友评论

    本文标题:《小白HTML5成长之路37》JavaScript多个条件选择s

    本文链接:https://www.haomeiwen.com/subject/stadixtx.html