三元表达式
-
1.概念:三元表达式也能做一些简单的条件选择,有三元运算符组成的式子成为三元表达式。和if-else类似,只不过代码更简洁
-
- 三元运算符:
?:
- 三元运算符:
-
- 语法结构: 条件表达式 ? 表达式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>