前言
条件判断语句是程序开发过程中一种经常使用的语句形式,和大部分编程语言相同,JavaScript 中也有条件判断语句。所谓条件判断,指的是程序根据不同的条件来执行不同的操作,例如根据年龄来显示不同的内容,根据布尔值 true 或 false 来判断操作是成功还是失败等。
JavaScript 中支持以下几种不同形式的条件判断语句:
- if 语句;
- if else 语句;
- if else if else 语句;
- switc case 语句。
下面为大家介绍if、if else、if else if else 语句的使用
if语句
if 语句是 JavaScript 中最简单的条件判断语句,语法格式如下:
if(条件表达式){
// 要执行的代码;
}
示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script type="text/javascript"> var age = 20; if(age >= 18){ // 如果 age >= 18 的结果为 true,则执行下面 { } 中的代码 alert("adult"); } </script> </body> </html>
运行效果图如下:
if else 语句
if else 语句是 if 语句的升级版,它不仅可以指定当表达式成立时要执行的代码,还可以指定当表达式不成立时要执行的代码,语法格式如下:
if(条件表达式){
// 当表达式成立时要执行的代码
}else{
// 当表达式不成立时要执行的代码
}
示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript</title> </head> <body> <script> var age =prompt("请输入你的年龄:"); if(age >=18){ alert('你可以进入该网吧!'); } else{ alert('你还是未成年哦!'); } </script> </body> </html>
运行效果图:
if else if else 语句
if 和 if else 语句都只有一个条件表达式,而 if else if else 语句是它们更高级的形式,在 if else if else 语句中允许您定义多个条件表达式,并根据表达式的结果执行相应的代码,语法格式如下:
if (条件表达式 1) {
// 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
// 条件表达式 2 为真时执行的代码
}
...
else if (条件表达式N) {
// 条件表达式 N 为真时执行的代码
} else {
// 所有条件表达式都为假时要执行的代码
}
<!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> <script> var score=prompt('请输入你的成绩:'); if(score>=90){ alert('A'); //成绩90分以上输出A }else if(score>=80){ alert('B'); //成绩在80-90之间输出B }else if(score>=70){ alert('C'); //成绩在70-80之间输出C }else if(score>=60){ alert('D'); //成绩在60-70之间输出D }else{ alert('E'); //60分以下输出E } </script> </head> <body> </body> </html>
运行效果图如下:
注意事项
使用嵌套 if else 时,如果只有一行语句,也应该使用大括号包裹起来,避免条件歧义。
总结
到此这篇关于JS if else语句(条件判断语句)的文章就介绍到这了,更多相关JS if else 条件判断语句内容请搜索阿兔在线工具以前的文章或继续浏览下面的相关文章希望大家以后多多支持阿兔在线工具!