分支语句
1、if 分支语句
(案例看完之后自己做)
单分支
if(条件 //若为true则执行) {
// 满足条件要执行的语句}
双分支
if(条件){
满足条件执行代码
}else{
不满足条件执行代码
}
多分支
if(条件1){
满足条件1执行代码
}else if(条件2){
满足条件2执行代码
}
else if(条件3){
满足条件3执行代码
}else if(条件4){
满足条件4执行代码
}·······
else{
不满足所有条件执行代码
}
基本上与python一样(除了else ifpython是elif)
例题
if单分支语句
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let score = +prompt('请输入您的高考成绩:') if(score > 700 ){ console.log('恭喜考入'); } </script> </body> </html>if双分支语句
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let uname = prompt('请输入用户名:') let posword = +prompt('请输入您的密码') if(uname === 'pink' && posword === 123456){ alert('登录成功') }else{ alert(`登录失败`) } </script> </body> </html>if多分支语句
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let score = +prompt(`请输入您的成绩:`) if(score > 90){ alert('优秀') // 不用写90 >= score && 因为上方已经把90分以上的筛选走了 }else if(score > 70){ alert('良好') }else if(score > 60){ alert('及格') }else if(60 >= score){ alert('不及格') } </script> </body> </html>注意:上方的筛选走了,下方便不用写了,如上面的代码
2、三元运算符(只适用于双分支)
使用场景:一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分支 更简单
符号:? 与 : 配合使用
语法:
条件?满足条件执行的代码 : 不满足条件执行的代码
如:
console.log(3 > 5 ? 3 : 5)
>>>5
3 < 5 ? alert('真的') : alert(`假的`)
>>>真的
let sum = 3 < 5 ? 3 : 5
console.log(sum)
>>>3
经常用三元运算符进行赋值操作
案例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let num1 = +prompt('请输入一个数:') // 数字补0 num1 = num1 < 10 ? '0' + num1 : num1 alert(num1) </script> </body> </html>3、switch语句(要值为准确值时(一个值))
语法:
switch (数据) {
case 值1:
代码1
break //退出不再执行case 值2:
代码2
break
...
代码n
}
案例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let num1 = +prompt('请输入一个数:') let num2 = +prompt('请输入另一个数:') let aaa = prompt('接下来要对这两个数进行加减乘除,请输入+-*/任何一个:') switch(aaa){ case '+' : alert(`${num1+num2}`) break case '-' : alert(`${num1-num2}`) break case '*' : alert(`${num1*num2}`) break case '/' : alert(`${num1/num2}`) break default: alert(`输错了`) break } </script> </body> </html>