JavaScript 三元运算符原理 +案例

三元运算符

目标:能利用三元运算符执行满足条件的语句
语法: 条件?满足条件执行的代码:不满足条件执行的代码
式子一般用来取值

 //之前写法
        if(3>5){
            alert('第一个')
        }else{
            alert('第二个')
        }

三元运算符精髓

    条件?满足条件执行的代码:不满足条件执行的代码
        console.log(true ? 1 : 2) //返回1   因为是true 返回时1
        console.log(false ? 1 : 2) //返回2   因为时false  返回2

三元运算符案例

if else写法 双分支写法

// 案例   判断两个数的最大值
        // 需求: 用户输入2个数,控制台输出最大的值
        // 普通if判断写法
        // let num1 = prompt('请输入第一个值')
        // let num2 = prompt('请输入第二个值')
        // if(num1 > num2 ){
        //     document.write(`第一个值是最大的值`)
        // }else{
        //     document.write('第二个值是最大的值')
        // }

三元运算符写法

// 三元运算符写法

        // let num1 = prompt('请输入第一值')
        // let num2 = prompt('请输入第二个值')
        // num1 > num2 ? console.log('第一值是最大的值') : console.log('第二个值是最大的值') 
        // document.write(`${num1 > num2 }?第一个值是最大的值:第二个值是最大的值 `)

        // 案例      数字补0 案例
        // 需求 : 用户输入1个数,如果数字小于10,则前面进行补0;比如09 03
        // let num = prompt('请输入一个数字')
        // num >= 10 ? console.log(num) : console.log("0" +num)

        // 第二种写法     +prompt 是转成数字型
        // let num = +prompt('请输入第一个数：')
        // let t = num >= 10 ?  num : '0' + num
        // document.write(t)