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

最新推荐文章于 2024-01-16 09:56:40 发布

清风不渡

最新推荐文章于 2024-01-16 09:56:40 发布

阅读量1.3k

点赞数 1

分类专栏：前端研习录文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/WXKKang/article/details/126185904

版权

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

44 篇文章 3 订阅

订阅专栏

前端研习录（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>