Bootstrap

前端研习录(20)——JavaScript三元运算符

前端研习录(20)——JavaScript三元运算符


版权声明

  • 本文原创作者:清风不渡
  • 博客地址:https://blog.csdn.net/WXKKang

  重拾前端记忆,记录学习笔记,现在进入JavaScript三元运算符部分

三元运算符

  三元运算符又称三目运算符,由三个运算符来组成,可以视为if…else的 简写形式,语法如下:

布尔表达式 ? 运算符A : 运算符B

  • 当布尔表达式返回为true时,则执行表达式A;返回为false时,执行表达式B

  示例如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清风不渡</title>
</head>
<body>
    <script>
        var num = 13;

        num%2 === 0 ? console.log("偶数") : console.log("奇数");
        
    </script>
</body>
</html>

  也可简写为以下形式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清风不渡</title>
</head>
<body>
    <script>
        var num = 13;
        var result =  num%2 === 0 ? "偶数" : "奇数";
        console.log(result);
        
    </script>
</body>
</html>

  结果如下:
在这里插入图片描述

  以上就是三元运算符

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;