JavaScript三目运算符

JavaScript三目运算符教程

JavaScript 中,三目运算符用于根据不同的条件,执行不同的操作并返回不同的值。

JavaScript三目运算符详解

语法

retvalue = expression ? retvalue1 : retvalue2;

说明

如果表达式 expression 的值为 true,那么就返回 retvalue1,否则,就返回 retvalue2。

案例

三目运算符

使用 JavaScript 三目运算符,实现条件判断

<!DOCTYPE html> <html> <head> <title>JavaScript三目运算符</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var a = 100; var b = 200; var retValue = a > b ? a : b; console.log("Max value =", retValue); </script> </head> </html>

程序运行后,控制台输出如下:

11_javascript三目运算符.png

首先,我们定义了两个 变量,a 和 b。 接着,我们使用三目运算符实现了返回变量 a 和 b 中的最大值的效果,并将最大值赋值给变量 retValue。

三目运算符嵌套

JavaScript 的三目运算符,可以嵌套使用

<!DOCTYPE html> <html> <head> <title>三目运算符嵌套使用</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var a = 100; var b = 200; var c = 300; var retValue = a > b ? (a > c ? a : c) : (b > c ? b : c); console.log("Max value =", retValue); </script> </head> </html>

程序运行后,控制台输出如下:

12_javascript三目运算符嵌套.png

我们使用了 JavaScript 三目运算符的嵌套,实现了判断三个数中的最大数。

JavaScript三目运算符总结

在 JavaScript 中,三目运算符用于根据不同的条件,执行不同的操作并返回不同的值。JavaScript三目运算符语法:

retvalue = expression ? retvalue1 : retvalue2;