前端研习录（20）——JavaScript三元运算符

最新推荐文章于 2025-09-28 12:57:55 发布

原创最新推荐文章于 2025-09-28 12:57:55 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端研习录专栏收录该内容

44 篇文章

订阅专栏

本文介绍了JavaScript中的三元运算符，作为if...else的简洁形式，用于根据布尔表达式的真假执行不同的操作。示例代码展示了如何使用三元运算符判断一个数是否为偶数，并输出相应结果。

前端研习录（20）——JavaScript三元运算符

- 版权声明
- 三元运算符

版权声明

本文原创作者：清风不渡
博客地址：https://blog.youkuaiyun.com/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>