三元表达式

392 阅读1分钟

三元表达式

  • 1.概念:三元表达式也能做一些简单的条件选择,有三元运算符组成的式子成为三元表达式。和if-else类似,只不过代码更简洁

    1. 三元运算符: ?:
    1. 语法结构: 条件表达式 ? 表达式1 : 表达式2
  • 4.执行思路:如果条件表达式结果为真,则返回 表达式1 的值,如果条件表达式结果为假,则返回 表达式2 的值

  • 5.代码体验

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

</body>

<script>
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>

案例( 时间补零案例)

<!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>Document</title>
</head>

<body>
  <script>
    // 用户输入一个数字
    let num = +prompt('输入一个数')

    // 三元运算判断,如果num小于10,数字前补0,否则等于num
    let sum = num < 10 ? '0' + num : num
    console.log(sum)
    // let sum
    // if (!num) {
    //   alert('请输入正确数字')
    // } else {
    //   if (num < 10) {
    //     sum = '0' + num
    //   } else {
    //     sum = num
    //   }
    // }
    // console.log(sum)

  </script>
</body>

</html>