【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用

【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用

条件运算符语法

variable = boolean_expression ? true_value : false_value;

这行代码的意思就是:如果 boolean_expression 为真,variable 的值为 true_value,否则 variable 的值为 false_value。

条件 ?条件成立执行 :条件不成立执行

如何应用

1、赋值

let opacity = opacity > 1 ? 1 : opacity

如果 opacity > 1 时,opacity = 1,否则 opacity = opacity

2、执行动作

var num = 10
num > 5 && num <= 10 ? num++ : num--
console.log(num)

10 大于5小于等于10,条件成立,执行 num++ ,结果为11

【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用

3、代码块

num > 5 && num <= 10 ? (num++, console.log(num)) : num--

有多行代码可以用 '( )' 包裹,每行代码之间用 ' , ' 分隔。

三元运算符的操作中不能出现break、continue、return等这些关键词

4、只有一种情况时,可以使用null、undefined、void 0(就是undefined)占位

var num = 4
num > 5 && num <= 10 ? num++ : void(0)
console.log(num)

null、void(0) 只占位不执行任何动作。

【JavaScript】条件运算符也称‘三元运算符‘的介绍与使用

复杂语句还是建议用 if …… else。

 

 

上一篇:javascript 时间版运动框架案例


下一篇:java – 如何更改位图的不透明度?