前端研习录（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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

也可简写为以下形式：

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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

以上就是三元运算符

相关阅读:
(转)tinymce-vue使用教程
快速灵敏的 Flink1
【Java】继承
王学岗——H265编码原理详解与码流分析
学习“基于深度学习的故障诊断”开源
[附源码]java毕业设计社区健康服务平台管理系统lunwen
ve-plus：基于 vue3.x 桌面端UI组件库|vue3组件库
数图互通高校房产管理——校园电子地图
Redis的安装和配置
Git技法：.gitignore、移除暂存与撤销修改

原文地址：https://blog.csdn.net/WXKKang/article/details/126185904