三元运算符就是替代传统if…else语句让更简洁。

一、三元运算标准写法

我们传统的写法为:

const x = 20;

let answer;

if (x > 10) {

answer = 'right';

} else {

answer = 'error';

}

console.log(answer);

三元运算符简写:

const answer = x > 10 ? 'right' : 'error';

console.log(answer);

我们在使用过程中也会常常动态赋值,如果值不存在就设置默认值:

let users = null;

const user = users ? users : "请登录";

# 原方法

if (users !== null || users !== undefined || users !== '') {

let user = users;

}

# 短路求值方法:

const user = users || '请登录';

二、三元运算多条件判断写法

我们

const x,y,z = 20;

let answer;

if (x > 10 && y > 10) {

answer = 'right';

} else {

answer = 'error';

}

if (x > 10 || y > 10) {

answer = 'right';

} else {

answer = 'error';

}

console.log(answer);

我们在三元运算可以优化为:

const answer = x > 10 && y > 10 ? 'right' : 'error';

const answer = x > 10 || y > 10 ? 'right' : 'error';

三、三元运算符??::的形式

条件(三元)运算符上说三目运算符具有右结合性,根据以上两个例子,我总结三目运算符右结合性的意思是:

从最右边取":", 然后看它左边相邻的符号,如果是"?",那么它和这个"?"结合起来,可以用一个()把它俩包住;如果左边相邻的符号是":",那么取左边的":",再重复这个判断.

?:?:?:?:?:

# 算法顺序

?:(?:(?:(?:(?:))))

???:::

# 算法顺序

?(?(?:):):

四、三元运算符简写

简单的语法我们可以简写:

# 标准三元运算

var isYes = answer === 1 ? true : false;

var isNo = answer === 1 ? false : true;

# 优化三元运算

var isYes = answer === 1;

var isNo = answer !== 1;

原创文章,转载请注明 :es6 三元运算(三元类目)符语法与简写,多条件判断与??::形式 - Laravel学习网

原文出处: https://phpartisan.cn/news/150.html

问题交流群 :168117787

php 三元运算 简写,es6 三元运算(三元类目)符语法与简写,多条件判断与??::形式 - Laravel学习网...相关推荐

  1. java中数字作为布尔值_day50 java Script 数字和字符串 布尔值和数组 运算符 条件判断和三元运算...

    上节回顾: day501.前情回顾 CSS属性: float浮动的规则1. 浮动规则: 浮动只控制自己 如果前面的标签也是浮动的,就挨着放 如果前面的标签不浮动,则下方摆放 如果把块级标签设置成浮动, ...

  2. php 三元运算判断,PHP 条件判断语句和三元运算符

    $n1=1000; $n2=1000; $n3=100; $n4=100; // if 语句 - 如果指定条件为真,则执行代码 // if...else 语句 - 如果条件为 true,则执行代码:如 ...

  3. python三元运算符怎么使用_Python的三元运算符使用方法

    Python的三元运算符使用方法 发布于 2014-09-23 21:00:43 | 104 次阅读 | 评论: 0 | 来源: 网友投递 Python编程语言Python 是一种面向对象.解释型计算 ...

  4. PHP中三元运算符的用法_php中三元运算符用法_PHP教程

    语法:条件 ? 结果1 : 结果2 说明:问号前面的位置是判断的条件,如果满足条件时结果1,不满足时结果2. 代码如下 $id = isset($_GET['id']) ? $_GET['id'] : ...

  5. 三元一次方程组步骤_《三元一次方程组及其解法》学习要点

    1 / 2 7.3 三元一次方程组及其解法 学习要点 学习目标: 了解三元一次方程组的概念,理解解三元一次方程组的基本思路,会用代入法. 加减法解三元一次方程组,掌握三元一次方程组的解法及其步骤 . ...

  6. python三元运算符比大小_Python的三元运算符

    三元运算符 三元运算符通常在Python里被称为条件表达式,这些表达式基于真(true)/假(not)的条件判断,在Python 2.4以上才有了三元操作. 下面是一个伪代码和例子: 伪代码: #如果 ...

  7. smali to java_Smali —— 数学运算,条件判断,循环

    通过上一篇 Smali 语法解析--Hello World 的学习,了解了 Smali 文件的基本格式.这一篇从最基本的数学运算,条件判断,循环等开始,更加详细的了解 Smali 语法. 数学运算 加 ...

  8. 关于一些运算((与运算)、|(或运算)、^(异或运算)........)的本质理解【转】...

    看到一篇博客,关于一些运算的解析,觉得有用,怕以后找不着,直接复制下来,以备以后学习用 原文链接:https://blog.csdn.net/xiaopihaierletian/article/det ...

  9. Sass学习笔记 -- 初步了解函数、运算、条件判断及循环

    函数 sass定义了很多函数可供使用,当然你也可以自己定义函数,以@fuction开始.sass的官方函数链接为:sass fuction,实际项目中我们使用最多的应该是颜色函数,而颜色函数中又以li ...

最新文章

  1. 【大厂攻略】Android开发3年当了2年咸鱼每天CRUD,复习2个月幸运拿下美团offer!
  2. [js高手之路]打造通用的匀速运动框架
  3. 数据挖掘十大经典算法之——C4.5 算法
  4. rewrite 伪静态,地址重写
  5. 揭秘阿里云 RTS SDK 如何实现直播降低延迟和卡顿
  6. [Git] 关于refs/for/ 和refs/heads/
  7. Lodash兼容IE6~IE8
  8. Excel2007中文显示乱码的解决方法(亲自实践)
  9. Simscape Mutibody Modeling学习--碰撞接触与反应(1)
  10. 免费支持顺丰、四通一达、EMS等快递物流单号查询的开放接口?
  11. c语言打砖块小游戏,C语言动画(打砖块游戏)
  12. Mac苹果 M1配置cocoapods
  13. 快速申请开通公众号门店小程序-微信小程序开发-视频教程7
  14. 牛逼啦!20行Python代码让程序自动玩“合成大西瓜”!
  15. 数据集加载的几种方法
  16. 机器学习:回归分析——基于线性回归的股票预测
  17. 僵尸进程(zombie processes)存在的道理
  18. android 连接字符,Android:连接两个字符串。并在浮动解析
  19. 在Excel中如何生成相关性的图
  20. 比心聊天室的架构演进

热门文章

  1. 2017年计算机应用真题,2017年计算机应用基础考试题库.doc
  2. 【Linux系列】挂载云盘
  3. 归并排序 快速排序 时间复杂度分析 (基本递归时间复杂度分析)
  4. Nacicat下载和注册机
  5. 51nod1757 大灾变
  6. 使用mpvue开发小程序教程(五)
  7. 做游戏修改器的一点记录,有关大航海家3
  8. 实习生:“薪资给的太高不敢去怎么办?”
  9. 26岁的时候 你应该考虑些什么
  10. 自信的来源是什么_芮成钢《三十而立