唯品秀前端博客

三元表达式?相信大家应该都很"熟悉",但是吧,我觉得好多人可能把三元表达式都局限于仅仅在条件满足或者不满足一个条件上,这可把真是没把这玩意儿潜能发掘出来发挥它最大的功效。例如:

1
a > 0 ? a : 100

但如果我想判断a的多个条件呢,比如:

1
a > 0,a < 0 以及 a = 0

这时候怎么去用三元表达式写出来?

之所以提出这个问题是因为在一些判断时候很多人遇到这种问题都是用if else去解决,当然不是说不行,只是如果用if else就要写很大一坨了不简洁,让想装逼的人觉得看着好LOW逼。

示例

你应该知道的if else方式

1
2
3
4
5
6
7
8
9
<span v-if="a > 0">
1
</span>
<span v-else-if="a < 0">
2
</span>
<span v-else>
3
</span>

你未必知道的"N"元表达式方式

1
2
<span>{{ a > 0 ? 1 : a < 0 ? 2 : 3 }}</span>
//你可以尽可能的无限条件往后写,发挥你无尽的想象

小结

一个小小经验之谈,之前有人问我怎么优化他的多个if条件判断,觉得写的好LOW逼,我看到他的判断条件并不是非常复杂,完全可以用这种方式解决多个if else,于是乎在此记录一波,让更多人知道。注意,如果条件够复杂,不建议采用这种方式,因为很显然多个条件这么写让人很容易掉进坑,代码可阅读性差,强行装逼并不是可取的。

本站所有文章、图片、资源等如无特殊说明或标注,均为来自互联网或者站长原创,版权归原作者所有;仅作为个人学习、研究以及欣赏!如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,邮箱:343049466@qq.com
赞(10) 打赏
标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"三元表达式怎么进行多个条件多次判断秒变”N”元表达式?"

表情

最新评论

    暂无留言哦~~
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏