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

a > 0 ? a : 100)

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

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

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

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

示例

你应该知道的if else方式

<span v-if="a > 0">
1
</span>
<span v-else-if="a < 0">
2
</span>
<span v-else>
3
</span>

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

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

小结

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