JavaScript中的三元运算符 - “三元表达式”
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.****.net/liu_jiachen/article/details/73251172
前言
各位大神,大家好,相约周三。我们又见面了。
众所周知,三元表达式在代码量上比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岁以下’。
三元表达式的嵌套
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>
其实这块代码看起来感觉还不是很明显,但是博主在调试过程中已经有点晕了,特别是在最后三个括号那里,纠结了!
所以归纳一下三元表达式的嵌套:
条件1 ? 真结果1:( 条件1.1 真结果1.1 : (条件1.1.1 ? 真结果1.1.1:假结果1.1.1))
简便的写法可以不用括号。
是不是眼睛都看花了?
三元表达式的局限性
最后,大家注意,三元表达式在使用过程中不能使用break,continue等语句。否则…
上一篇: 使用is和as的C#语法
下一篇: 引擎(1):的Jexl表达式语言
推荐阅读
-
学习 JavaScript 中的正则表达式 (I)
-
如何区分 JAVA 中的一元、二元和三元运算符?
-
2.12 Swift 的一元、二元和三元运算符 [Swift 教程]
-
JavaScript 中数据类型的相互转换以及一元、二元 + 运算符和 == 运算符
-
正则表达式在 JavaScript 中的使用总结
-
03 Java 中的运算符和表达式
-
iOS中的三维不等式:理解并掌握三元不等式的公式
-
彻底理解 JavaScript 中的正则表达式:exec、match、matchAll 和 test 功能解析
-
javaScript 正则表达式 去除字符串中的所有空格和标点符号
-
JavaScript的三元运算符和运算符顺序详解