JavaScript 三元运算符原理 +案例

三元运算符

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

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

三元运算符精髓

    条件?满足条件执行的代码:不满足条件执行的代码console.log(true ? 1 : 2) //返回1   因为是true 返回时1console.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)

JavaScript 三元运算符原理 +案例相关推荐

前端研习录（20）——JavaScript三元运算符
前端研习录(20)--JavaScript三元运算符版权声明三元运算符版权声明本文原创作者:清风不渡博客地址:https://blog.csdn.net/WXKKang 重拾前端记忆,记 ...
JavaScript三元运算符
The ternary operator is the only operator in JavaScript that works with 3 operands, and it's a short ...
详解JavaScript三元运算符的使用方法
JavaScript之三元运算符三元条件运算符例子三元条件运算符格式: 表达式1?表达式2:表达式3 说明:如果表达式1为true ,则整个表达式的结果就是表达式2的值,如果表达式false, ...
【学习笔记10】JavaScript三元运算符和比较运算符
一.三元运算符 (一)语法一:直接执行程序 // 通过输入框输入数据var num = Number( window.prompt('请您输入数据') );// if语句if( num % 2 === ...
三元运算符java 案例_javascript三元运算符用法实例
三元运算符用法实例: 如名字表示的三元运算符需要三个操作数. 语法是条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2.满足条件时结果1否则结 ...
JavaScript三元运算符以及运算符顺序
三目运算符(三元运算符) 三目运算符:运算符需要三个操作语法:表达式1?表达式2:表达式3 表达式1是一个条件,值为Boolean类型若表达式1的值为true,则执行表达式2的操作,并且以表达式2 ...
JavaScript基础 | Day02 JavaScript的运算符、语句、综合案例
1.运算符 1.1 算术运算符 1. 数学运算符也叫算术运算符,主要包括加.减.乘.除.取余(求模). +:求和 -:求差 *:求积 /:求商 %:取模(取余数) (运用场景:来判断某个数字是否能被整 ...
JavaScript运算符——一元、二元、三元运算符
JavaScript 一元运算符一.js中的一元(一目)运算符 i++ 先赋值,再自加1 i++ 结果为 num1=4 num2=5 document.write()打印反过来 1> str ...
java if赋值语句_Java基础第3天+运算符（算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符、三元运算符）、Scanner键盘录入、if语句...
1:运算符(掌握) (1)算术运算符 A:+,-,*,/,%,++,-- B:+的用法 a:加法 b:正号 c:字符串连接符 C:/和%的区别数据做除法操作的时候,/取得是商,%取得是余数 D:++ ...

JavaScript 三元运算符原理 +案例

三元运算符

三元运算符精髓

三元运算符案例

三元运算符写法

JavaScript 三元运算符原理 +案例相关推荐

最新文章

热门文章