<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等语句。否则…
这里写图片描述

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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 台式机dp接口在哪(主机没有dp接口怎么办)

    导读:成就3471和战99,均为品牌成套机,价格4千元左右,是否值得入手?请往下看:戴尔(DELL)成就3471:1、硬件点评下:主板:小型机箱,主板接口很丰富,M2.0的Pic-E接口,sata接口也有预留,内存槽也可以加内存,PIC16槽也可以扩充显卡,但机箱过小,需要额外注意;DDR4接口,海力士8G2666HMZ内存办公够用;电源:没挖到官方数据,但考虑显卡不好扩容,我们基本上可以忽略…

  • Intercooler.js – 让 AJAX 像锚标签一样简单

    Intercooler.js – 让 AJAX 像锚标签一样简单

  • 小型企业局域网搭建(一)

    小型企业局域网搭建(一)小型企业局域网搭建(一)一、项目介绍1.项目简介2.系统环境二、接入层–基础网络拓扑搭建1.网络拓扑图2.VLAN划分与子网规划3.配置一层交换机三、汇聚层–没啥特别的1.配置二层交换机新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchar

  • 某天擎取消密码_360天擎默认密码

    某天擎取消密码_360天擎默认密码1.出于公司原因,很多会要求下载某信天擎,但是退出或者卸载的时候总会让你输入密码,这种流氓行为是可耻的,以下是取消密码的方式:注:本人电脑win11系统win10尝试杀掉后台进程在修改:进程名如图(个数未必和我相同全部杀掉即可)本次选择的方式为修改本地文件(1)找到文件路径如图所示:(如果忘记软件安装路径请看文章最后附有查看方式)(2)打开文件:拉到最底部等号后边全部删除删除后:查看安装路径的方式1.选中快捷方式单击右键选择属性(选中位置就是安装路径..

  • matlab非线性整数优化,fmincon整数优化

    matlab非线性整数优化,fmincon整数优化MATLAB非线性优化fmincon_数学_自然科学_专业资料。精心整理act…注意:[1]fmincon函数提供了大型优化算法和中型优化算法。默认时,若…[x,fval,exitflag]=fmincon(@ff8,x0,[],[],[],[],[],[],nonlcon)四、整数线性规划算法说明:下面给出用分枝定界法求解整数线性规划的M函数文件……fminc…

  • 虚拟村庄java_虚拟村庄怎么玩?[通俗易懂]

    虚拟村庄java_虚拟村庄怎么玩?[通俗易懂]那个人生病了,找另外一个人帮他治病1。生火。首先,要一个村民(成年的)到左下方拿干木柴;然后,再要他去左上方去拿干草(位置是海的最上方的一堆花的地方);等他都拿齐后,他都会放到村子中间的一圈石头围成的圈中,这时你再把他拖放到上面他就会生火了。2。水坝。这个任务需要你把村民培养成masterbuilder,而且要工程技术(Engineering)达到2级,否则不会成功。把masterbuil…

    2022年10月22日

发表回复

您的电子邮箱地址不会被公开。

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