JS前端之三元表达式解析

三元表达式

又叫三元运算符，必须有三个操作数参与的运算
操作符号：? 与:
表达式：在参与 js 程序时，都必须先计算出表达式结果，才能参与后续程序
由于三元表达式具备了一些选择的效果，所以也是一种条件分支语句

语法

简单式：

<script>  var a = 1;var b = 2;var c = b > a  ? ('99_true') : ('88_false');console.log(c); // 99_true var d = a > b  ? ('99_true') : ('88_false');console.log(d); // 88_false
</script>

简单来说就是b>a是对还是错，对即为真，错即为假，对就取冒号：前面的值99_true，错就取冒号：后面的值88_false。

详解式：

boolean_expression ? true_value : false_value;
boolean_expression: 布尔表达式，表达式在参与三元运算中必须求得一个布尔类型的值，要么是 true，要么是 false，结果作为判断依据，判断到底去：前面的值还是后面的值
true_value：布尔表达式的值为真时，三元表达式的结果
false_value：布尔表达式的值为假时，三元表达式的结果
作用：根据布尔表达式的结果，如果为真，三元表达式结果就是真值，如果为假，三元表达式结果就是假值

<script>  console.log(true ? 1 : 0); // 1console.log(false ? 1 : 0); // 0// 相当于 if 语句中的var a = true;if (a){console.log(1);} else {console.log(0);} // 1
</script>

优点

虽然 if 语句可以模拟三元表达式，但是三元表达式有自己的优点：二选一的情况下，三元表达式结构更加简单
三元表达式作为一个表达式参与程序时必须运算出结果才能参与，可以利用这个特点，将二选一结果赋值给一个变量
遇到给一个变量根据条件二选一赋值的情况，可以使用三元表达式

简单案例使用

<script>  var aa = '';var bb = '';var age = prompt("Input your age:");age > 18 ? (aa = '成年人', bb = '18岁以上') : (aa = '未成年人', bb = '18岁以下');alert(aa + ',' + bb);
</script>

JS前端之三元表达式解析相关推荐

开发那些事儿：在Flv.js前端播放器中解析并绘制H.264编码中的SEI信息
流媒体中的SEI是指补充增强信息(Supplemental Enhancement Information),它提供了向视频码流中加入信息的办法,是H.264/H.265视频压缩标准的特性之一.SEI ...
LeetCode 439. 三元表达式解析器
文章目录 1. 题目 2. 解题 2.1 递归 2.2 循环 1. 题目给定一个以字符串表示的任意嵌套的三元表达式,计算表达式的值. 你可以假定给定的表达式始终都是有效的并且只包含数字 0-9, ? ...
python之三元表达式嵌套三元表达式解析
python的三元表达式相信学过python的朋友都会.但是大部分学python的朋友不知道的是三元表达式还可以嵌套三元表达式. 请看代码案例: cmp = lambda a, b: 0 if a = ...
439 三元表达式解析器
题目描述: 给定一个以字符串表示的任意嵌套的三元表达式,计算表达式的值.你可以假定给定的表达式始终都是有效的并且只包含数字 0-9, ?, :, T 和 F (T 和 F 分别表示真和假). 注意: ...
js“三元表达式” （三元运算符）
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/liu_jiachen/article/ ...
AWS Lambda中的Cron表达式解析器
目录介绍解释代码解析函数特别案例 AWS设置 AWS Lambda AWS API网关 AWS Amplify 下载 index.html - 884 B 下载 index.js ...
java前端有三元表达_放心写 JS 三元表达式
本文鼓吹各位前端在写 JS 的时候放心大胆写三目表达式, 不要人云亦云说「不建议使用三元表达式」.欢迎交流不同意见. 三元表达式是啥? 三元表达式怎么用? 1. 赋值: const foo = c ...
4 三元表达式列表解析生成器表达式
三元表达式 #!/usr/bin/env python3 # _*_ coding:utf-8 _*_ # @File : 三元表达式 # @Version : 1.0'''三元表达式能实现简单的 i ...
python二十二:迭代,三元表达式,列表解析
迭代器协议:对象必须提供一个next方法,执行该方法要么返回迭代中的下一项,要么就引起一个StopIteration异常,以终止迭代(只能往后走,不能往前退) 可迭代对象:实现了迭代器协议的对象( ...

JS前端之三元表达式解析

三元表达式

语法

优点

简单案例使用

JS前端之三元表达式解析相关推荐

最新文章

热门文章