＜Javascript＞浅谈js“三元表达式”（三元运算符）
前⾔
各位⼤神，⼤家好，相约周三。我们⼜见⾯了。
众所周知，三元表达式在代码量上⽐if…else语句更简洁⼀些。但是博主在可读性上更加偏向于if…else语句。三元表达式不仅在js中使⽤，在很多后台程序语⾔，⽐如java、php中都有使⽤，不过在js中对于三元表达式的要求貌似要松很多。废话不多说。下⾯⼀起看看三元表达式。
三元表达式
素质N连问
⾸先 为什么叫三元表达式？
顾名思义，有三个元素组成的表达式。
哪三个元素呢？
“条件”“真结果”“假结果”。
三元表达式的基本格式是什么呢？
条件?真结果：假结果
三元表达式是如何对应if…else语句的？
条件 ? 真结果 : 假结果
if(条件){真结果}else{假结果}
我们来看⼀下官⽅的解释。W3C把“三元表达式”叫做"ECMAScript 条件运算符"
诶！中间为什么空了⼀块呢？
我给它补上：
boolean_expression ? true_value : false_value
这⾏代码的意思官⽅也给了具体的说明，这⾥不再赘述。
三元表达式结果执⾏多⾏代码表达：
⼤家也看到了，在官⽅的w3c⽂档中，给的只有⼀条结果执⾏语句，但是博主之前说过，⾄少在js中，三元表达式和if…else语句是可以相互替换的。
那么既然if…else语句都可以在结果执⾏时写多⾏代码，三元表达式为什么不⾏呢？
其实是可以的。
<script>
var a='';
var b='';
var age=prompt("Input your age:");
age>18 ? (a='成年⼈',b='18岁以上') : (a='未成年⼈',b='18岁以下');
alert(a);
alert(b);
</script>
这下看明⽩了吗？只要在结果中多条语句之间加上“，”就可以了。
三元表达式在for循环中的运⽤
<script>
var a='';
var b='';
for(var i=0;i<4;i++){
i>2 ? (a='成年⼈',b='18岁以上') : (a='未成年⼈',b='18岁以下');
alert(a);
alert(b);
}
</script>
以上代码打印⼀次 ‘成年⼈’,‘18岁以上’ 三次‘ 未成年⼈’，‘18岁以下’。（此处感谢 @nimapier 指出错误）
三元表达式的嵌套
if…else语句可以嵌套多层，那想必三元表达式也可以进⾏嵌套吧！没错，三元表达式可以进⾏嵌套，⽽且理论上可以⽆限嵌套下去。为什么说理论上？因为暂时没有见过有⼈嵌套过多⾏三元表达式。⾸先不利于代码的阅读，其次对于逻辑能⼒不强的⼈来说，确实是⼀种脑⼒的摧残！⼤家⾃⾏感受⼀下。
<script>
var a='';
var b='';
var age=prompt("Input your age:");
age<18 ?  (a='⼉童',b='18岁以下'):( age>50 && age<80 ? (a='⽼年⼈',b='50岁以上') : (age>=80 ? (a='长寿者',b='80岁以上'):(a='你的年龄是以下两种',b='18、50')));
alert(a);
alert(b);
</script>
其实这块代码看起来感觉还不是很明显，但是博主在调试过程中已经有点晕了，特别是在最后三个括号那⾥，纠结了！
javascript说明
所以归纳⼀下三元表达式的嵌套：
条件1 ? 真结果1:( 条件1.1 真结果1.1 : (条件1.1.1 ? 真结果1.1.1：假结果1.1.1))
简便的写法可以不⽤括号。
是不是眼睛都看花了?
三元表达式的局限性
最后，⼤家注意，三元表达式在使⽤过程中不能使⽤break,continue等语句。否则…
最最后谢谢各位⼤神赏脸阅读鄙⼈拙劣的博客。撰写不恰当之处还希望各位⼤佬指出共同学习。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。