本文详细介绍 JavaScript 中的条件判断语句，涵盖 if、if-else、if-else if-else 及 switch-case 的语法格式与示例。重点解析嵌套 if-else 的使用规范，强调单行语句也需使用大括号以避免歧义，帮助开发者掌握正确的条件分支控制逻辑。
前言
在程序开发中，条件判断语句是极为常见的控制流形式。与多数编程语言一致，JavaScript 也提供了条件判断机制。其核心逻辑在于：程序依据不同的条件表达式执行相应的操作，例如根据用户年龄展示不同界面，或依据布尔值（true/false）判定操作成功与否。
JavaScript 支持多种形式的条件判断语句，主要包括以下几种：
- if 语句；
- if else 语句；
- if else if else 语句；
- switch 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 (条件表达式 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 结构时，即使某分支仅包含一行语句，也建议使用大括号 {} 将其包裹。这一做法旨在避免条件歧义，确保代码逻辑清晰且易于维护。
总结
至此，关于 JavaScript 条件判断语句（包括 if、else 及嵌套用法）的介绍已结束。如需了解更多相关内容，建议查阅本站过往文章或继续阅读后续系列教程，感谢支持！