JavaScript【三元表达式】

最新推荐文章于 2024-03-18 18:03:36 发布

ForeverDevelop

最新推荐文章于 2024-03-18 18:03:36 发布

阅读量2.4k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_49534407/article/details/124001931

版权

JavaScript 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

三元表达式

1.运算符根据参与运算的值数量分为一元、二元、三元运算符
- 一元运算符：只能操作一个值 ++ – ！
- 二元运算符：操作两个值 1 + 1 1 > 0
- 三元运算符：操作三个值
2.三元运算符语法
- 三元运算符： ?:
- 三元表达式：
```
bool表达式?代码1：代码2
```
  - 1.如果表达式成立则执行代码1，否则执行代码2
2.如果代码1或者代码2有运算结果则三元运算式的结果就是他们其中的一个
- 三元运算符做的事和if-else类似，只是代码更简洁
- 三元表达式中：表达式部分永远是条件，最终代表整个结果的不是代码1 就是代码2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>

<script>
    /*
    一元运算符：由一个值参与的运算符  ：  a++    a--  !a
     二元运算符：  由两个值参与的运算符 ：  a + b   a > b
     三元（三目）运算符：由三个值参与的运算符
    */

    //案例1:
    let num1 = 10;
    num1 > 0 ? console.log('哈哈') : console.log('呵呵');

    //上面这个三元表达式等价于下面的if - else语句
    // if(num1 > 0){
    //     console.log ( "哈哈" );
    // }else{
    //     console.log ( "呵呵" );
    // }

    //案例2：三元表达式一般应用是用来赋值
    let num2 = 20;
    let res2 = num2 > 0 ? num2 + 1 : num2 - 1;
    console.log ( res2 );//21

    //上面这个三元表达式等价于下面的if - else语句
    // if(num2 > 0){
    //     res2 = num2 + 1;
    // }else{
    //     res2 = num2 - 1;
    // }



</script>
</html>