前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >三元表达式怎么进行多个条件多次判断秒变”N”元表达式?

三元表达式怎么进行多个条件多次判断秒变”N”元表达式?

作者头像
Erwin
发布2020-01-15 10:33:43
1.8K0
发布2020-01-15 10:33:43
举报
文章被收录于专栏:啸天"s blog

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

代码语言:javascript
复制
a > 0 ? a : 100)

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

代码语言:javascript
复制
a > 0,a < 0 以及 a = 0

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

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

示例

你应该知道的if else方式

代码语言:javascript
复制
<span v-if="a > 0">
1
</span>
<span v-else-if="a < 0">
2
</span>
<span v-else>
3
</span>

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

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

小结

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-01-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 示例
    • 你应该知道的if else方式
      • 你未必知道的"N"元表达式方式
      • 小结
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档