<Javascript>浅谈js“三元表达式” (三元运算符)

<Javascript>浅谈js“三元表达式” (三元运算符)前言各位大神,大家好,相约周三。我们又见面了。众所周知,三元表达式在代码量上比if…else语句更简洁一些。但是博主刘少在可读性上更加偏向于if…else语句。三元表达式不仅在js中使用,在很多后台程序语言,比如java、php中都有使用,不过在js中对于三元表达式的要求貌似要松很多。废话不多说。下面一起看看三元表达式。三元表达式素质N连问首先为什么叫三元表达式?顾…

大家好,又见面了,我是你们的朋友全栈君。

前言

各位大神,大家好,相约周三。我们又见面了。
众所周知,三元表达式在代码量上比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>

其实这块代码看起来感觉还不是很明显,但是博主在调试过程中已经有点晕了,特别是在最后三个括号那里,纠结了!

所以归纳一下三元表达式的嵌套:
条件1 ? 真结果1:( 条件1.1 真结果1.1 : (条件1.1.1 ? 真结果1.1.1:假结果1.1.1))
简便的写法可以不用括号
是不是眼睛都看花了?

三元表达式的局限性

最后,大家注意,三元表达式在使用过程中不能使用break,continue等语句。否则…
这里写图片描述

最最后谢谢各位大神赏脸阅读鄙人拙劣的博客。撰写不恰当之处还希望各位大佬指出共同学习。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159737.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • varchar2和varchar的区别[通俗易懂]

    varchar2和varchar的区别[通俗易懂]1.varchar2把所有字符都占两字节处理(一般情况下),varchar只对汉字和全角等字符占两字节,数字,英文字符等都是一个字节;2.VARCHAR2把空串等同于null处理,而varchar仍按照空串处理;3.VARCHAR2字符要用几个字节存储,要看数据库使用的字符集,大部分情况下建议使用varchar2类型,可以保证更好的兼容性…

    2022年6月15日
    35
  • 3DES加密算法原理

    3DES加密算法原理

    2021年4月9日
    177
  • pycharm python解释器找不到,pycharm找不到解释器怎么办[通俗易懂]

    pycharm python解释器找不到,pycharm找不到解释器怎么办[通俗易懂]解决方法:1、打开磁盘,直接搜索python.exe文件,获取该文件的路径;2、打开pycharm软件,依次点击“File”–“Setting”–“Project”,点击右上角的设置图标;3、按照获取的路径找到python.exe即可。本教程操作环境:windows7系统、Pycharm2019版,DELLG3电脑pycharm中找不到解释器的解决方法:1、打开File–>Setting–…

    2022年8月26日
    3
  • eureka集群搭建[通俗易懂]

    eureka集群搭建[通俗易懂]1.分布式和集群有啥区别?可能有很多人对分布式和集群这两个概念有点混淆。我先用通俗易懂的话给大家解释下:分布式:一个业务分拆多个子业务,部署在不同的服务器上集群:同一个业务,分别部署在不同的服务器上所以分布式的每一个节点,完成的是不同的业务,一个节点挂了,那么这个业务功能就无法访问了,甚至可能会影响到其他业务。而集群是一个比较有组织的架构,正因为有组织性,一个服务节点挂了,其…

    2022年6月10日
    22
  • C语言中数据的输出格式有哪些?

    C语言中数据的输出格式有哪些?C语言中数据的输出格式有哪些?(1)d(或i)格式符。用来输出十进制整数,有以下几种用法:①%d,按整型数据的实际长度输出。②%md,m为指定的输出字段的宽度。如果数据的位数小于m,则左端补以空格,若大于m,则按实际位数输出。③%ld(%mld也可),输出长整型数据。例如:longa=123456;printf("%ld",…

    2022年7月24日
    29
  • 加壳工具对比

    加壳工具对比哪个最难脱,哪个最难破? 哪个激活成功教程平均耗时最久? 最贵的DNGuard,企业版5k+,走遍天下无敌手? 多选投票:(最多可选3项),共有119人参与投票投票已经结束1.DNGuard企业版3.72 51.09%(70) 2..NETReactor5.0 22.63%(31) 3….

    2022年6月27日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号